Les animations CSS3 for dummies

animate

Le CSS3 permet de réaliser tout un tas de jolis effets, mais sans pour autant alourdir les pages avec du javascript. Ces effets sont pour certains un peu trickys, pour d’autres peu connus. Animate.css est un générateur rendant accessibles toutes ces animation, générant le code qui va bien !

Ce qui est sympa avec cet outil, c’est qu’il va générer une feuille de style comprenant uniquementy les effets que vous désirez. A chaque effet correspond une classe (.shake, .rotate, .bounce…).

De fait, pour rajouter un effet il n’y a qu’à insérer la bonne css. Il suffit alors d’utiliser jquery pour ajouter la classe correspondant à l’effet lors du déclenchement d’un évènement.

>>> Voir le site officiel

Laisser un commentaire

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