AnimateCSS : plugin pour jQuery

AnimateCSS

Après avoir fait un article expliquant l’utilisation de animate.css avec jQuery il était bon d’écrire un plugin animateCSS.js permettant d’automatiser la tâche.

animate.css
animate.css

Ce plugin prend en argument un tableau JSON où l’on définit l’animation à appliquer, la durée et les fonctions à déclencher au début et à la fin de l’animation. Si l’effet est une entrée, on fait apparaître l’élément avant l’application de l’animation. Si l’effet est une sortie, on fait disparaître l’élément après.

animateCSS.js

Pour utiliser le plugin avec un effet d’entrée :

Et avec une animation de sortie :

Et pour un toggle:

Et hop, un petit plugin permettant d’automatiser l’utilisation de animate.css.

Soumettre un commentaire

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