Vivify est une bibliothèque à télécharger qui propose 68 animations en CSS pour vos projets web. On y trouve de tout, des animations classiques jusqu’aux animations bien plus complexes. Il est possible de les associer à n’importe quel élément de votre choix : SVG, images, bloc texte…

Très facile à utiliser, vous chargez le fichier CSS dans le head de votre fichier HTML, et vous placez la class vivify et le nom de l’animation dans l’objet que vous souhaitez animer, par exemple :

<svg class="vivify flip"></svg>

Afin d’optimiser vos pages (c’est important !), n’hésitez pas à extraire le CSS de l’animation choisie et l’intégrer directement dans votre fichier CSS.

Télécharger la bibliothèque : Vivify
Plus d’informations sur GitHub

Vous en voulez plus ?

Animate.css est une librairie du même type que Vivify

Animista est une bibliothèque d’animations CSS, qui sont quant à eux totalement paramétrables.