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
Tu ne dois accéder à ce site que si tu as au moins 18 ans ou si tu as l'âge légal pour visionner ce type de matériel dans ta juridiction locale, l’âge le plus élevé étant retenu. En outre, tu déclares et garantis que tu ne permettras aucun mineur à d'accéder à ce site ou à ces services.
En accédant à ce site, tu acceptes nos conditions d'utilisation.