Une belle barre de partage social, animée avec JQuery.
Développé sur une structure html très simple, les éléments sont positionnés grâce aux css, et évidement animés avec JQuery.
Rentrons un peu dans le détails, et regardons comment ça fonctionne !
Les différents icônes sont animés toutes les 40 millisecondes, grâce à la fonction setInterval(). On arrive donc à 25 animations par secondes, autant que pour une vidéo. Le résultats est donc très fluide.
Pour ajouter un nouveau bouton, il suffit de de rajouter une div, avec la class .btn, sans oublier le script qui va générer le bouton.
Source : http://tutorialzine.com/2009/12/animated-share-buttons-jquery-css/
Démo : http://demo.tutorialzine.com/2009/12/animated-share-buttons-jquery-css/demo.html
Aout
A Propos
Je suis un concepteur et développeur web à Grenoble. Je développe essentiellement avec le CMS Spip. Actuellement en contrat chez Territorial, je continue ma veille technologique, et vous fais partager ce que je trouve utile et pratique.
