Voilà un petit service bien utile quand on travail avec les animations CSS.

Les animations CSS3 permettent d’animer des éléments du DOM sans utiliser de Javascript, seulement du CSS !

Attention néanmoins, pas de compatibilité avec les navigateurs trop anciens tels que IE8… pour les autres, les mises à jours sont presque systématiquement automatiques, donc pas de soucis de ce côté là.

Bounce.js n’est pas seulement un bibliothèque Javascript, mais aussi un service un ligne disponible sur surbouncejs.com

bounce.js is a tool for generating tasty CSS3 powered keyframe animations. The JS library for generating dynamic animations is on its way! You can follow me (@JoelBesada) on Twitter for updates.

L’interfaçe est assez simple et vous permet de générer des animation via des dropdowns et autres boutons. Une fois l’animation réglée, il ne vous reste plus qu’à exporter le CSS et à l’utiliser sur votre projet.

2014-06-13_093043

Notez qu’à tout moment, vous pouvez « enregistrer » votre animation en ajouter l’URL à vos favoris, cette dernière étant mise à jour dès que vous modifiez votre animation. Vous pourrez ainsi y revenir ou la partager.

Vous pouvez également utiliser cette librairie js en local en la téléchargeant sur le GitHub officiel.

Brice Capobianco

Autodidacte passionné par WordPress. J'aime apprendre et créer pour ensuite partager…
Responsable commercial en agence web, je suis également développeur freelance WordPress à Rennes.

Coorganisateur des Meetups WordPress Rennes et fondateur de b-website.com.