Animista est bien connu du web, cet outil permet l'insertion d'animations en CSS pour votre site web.
6 categories sont disponibles:
- Basic avec 18 effets disponibles
- Entrances avec 18 effets disponibles
- Exits avec 18 effets également
- Text avec seulement 8 effets
- Attention avec 8 effets également
- Background avec seulement 3 effets
Pour l'utiliser sélectionnez une des 6 categories, modifier la durée de votre effet dans "duration". Il est très important de modifier la "timing-function", celle-ci détermine la personnalité de votre animation. C'est le easing, bien connu des motion designers.
Vous pouvez ensuite ajouter un délai qui dans certains cas peut aider à fluidifier le chargement de votre page ou tout simplement pour créer des animations en cascade.
Il vous suffit en suite d'exporter le code via le bouton "generate code". Voilà animistez-vous bien!