Sommaire

La bibliothèque Anime

1. Les objectifs

La bibliothèque anime.js (http://animejs.com) nous propose toute une série de scripts qui vont permettre d’animer des éléments des interfaces de nos pages web. Ces animations vont s’appliquer sur des propriétés CSS3, des transformations CSS3 et des animations CSS3.

images/C06-001.png

Cette bibliothèque fournit les bases de la programmation à travers une documentation fournie, accessible par le bouton Documentation sur la page d’accueil (http://animejs.com/documentation/).

images/C06-002.png

C’est ensuite aux développeurs de s’appuyer sur ces bases pour développer leurs propres applications, les animations qui répondent à leurs besoins. Nombre d’entre eux nous proposent leurs créations via le célèbre site de partage de code codepen.io (https://codepen.io). Ces créations sont accessibles via le bouton Codepen sur la page d’accueil (https://codepen.io/collection/XLebem/).

images/C06-003.png

2. Installer la bibliothèque

La première étape consiste à installer la bibliothèque et à la lier aux pages qui utiliseront cette bibliothèque.

Pour installer la bibliothèque anime.js dans vos pages web, sur la page d’accueil du site, cliquez sur le bouton Github.

Dans la zone Usage, cliquez sur le lien download pour télécharger la bibliothèque.

Vous téléchargez une archive nommée anime-master.zip.

Décompressez cette archive ...