Animate.css + Lettering.js = Textillate.js (animations CSS3)

Hello!

("Putain, encore lui...")

Je vous ai récemment présenté 2 plugins / outils :
- Animate.css : http://choualbox.com/GIs8L (feuille de style CSS permettant de mettre en place des animations CSS3 sur des éléments de type "block")
- Lettering.js : http://choualbox.com/g3F3b (plugin jQuery permettant de "compartimenter" chaque lettre d'un mot ou d'une phrase et de créer pour chaque élément un span unique, laissant alors la possibilité de styliser différemment chaque lettre / caractère)

En voici un autre qui tire bénéfice de ces 2 outils : Textillate.js

"A simple plugin for CSS3 text animations"

En résumé : Textillate.js permet d'animer un texte "caractère par caractère". Ce n'est plus le "bloc" de texte complet (ou le bouton, ou n'importe quoi d'autre) qui s'anime seul, mais chaque lettre qui le compose.

Je vous invite à regarder la démo pour une meilleure compréhension : http://jschr.github.io/textillate/
Code source sur Github : https://github.com/jschr/textillate