Anime.js, bibliothèque d'animations JavaScript

anime.js : bibliothèque JavaScript pour créer des animations

anime.js est une bibliothèque JavaScript extrêmement légère (9.47 kb à ce jour) créée par Julian Garnier qui est aujourd’hui quasiment indispensable. Elle permet d’animer du CSS, du SVG, des attributs DOM, des objets JS

On peut par exemple mettre des effets sur des textes comme ici, ou encore par là. Elle est également souvent utilisée par d’autres bibliothèques JS, ici pour créer des boutons avec des effets de particules.

En plus de ça, elle est supportée par tous les derniers navigateurs dont IE 10+.

Quelques exemples d’utilisation :

See the Pen anime.js logo animation by Julian Garnier (@juliangarnier) on CodePen.0

 

See the Pen Specific target values – anime.js by Julian Garnier (@juliangarnier) on CodePen.0

 

See the Pen Follow SVG Path – anime.js by Julian Garnier (@juliangarnier) on CodePen.0

 

See the Pen Floatting Draggable Menu (Messenger like) by Andy Pagès (@andyNroses) on CodePen.0

Site officiel anime.js
anime.js sur GitHub (documentation + téléchargement) : github.com/juliangarnier/anime
Un tas d’exemples sur CodePen : codepen.io/collection/XLebem/

Laisser un commentaire :

Votre adresse email ne sera pas publiée.

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.