Animista est bien connu du web, cet outil permet l'insertion d'animations en CSS pour votre site web.
6 categories sont disponibles:
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!