comment utiliser une icône animée

Développement Web : Utiliser des icônes animées sur ses pages

Une petite icône animée sur une page web peut parfois être intéressante à utiliser. Voici une ressource qui pourra plaire à certains.

Le projet Titanic est proposé par icons8, un site qui propose aujourd’hui 55,900 icônes en Flat Design gratuites.

Pour afficher une icône animée dans une page web, c’est relativement simple : faire appel à une librairie JavaScript, intégrer un code JavaScript dans sa page, spécifier quelle icône s’affichera via une classe et définir le déclencheur de l’animation (clic, survol de la souris…).

animated-icons-preview

 

Exemple d’intégration…

 

Voir le projet Titanic sur Github pour plus d’infos.

Auteur : Denis ALLARD

Denis ALLARD
Rédacteur Web sur le blog studiovitamine depuis 2009, j'ai pu mesurer l'évolution fulgurante du web, des nouvelles technologies, du e-commerce... Quand je n'écris pas pour le web, je me consacre à l'ergonomie, au référencement naturel et à la formation universitaire des futurs concepteurs de sites...

Commentaires Facebook

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *