Animista, créé par Ana Travas, est une collection de dizaines d’animations en CSS.
La particularité d’Animista est la possibilité de customiser les animations et de voir directement le résultat, et ce avant même de générer le fichier CSS à télécharger.
Voici les différentes catégories d’animations que l’on peut y trouver :
- animations basiques (rotation, agrandissement, flip, slide, ombres…)
- apparitions d’éléments
- sorties d’éléments
- animation de textes (flou, clignement, 3d…)
- mise en avant (mouvement sur un bouton à cliquer ou une forme par exemple)
- images de fond (Ken-burns, mouvement de dégradés, changement de couleur…)
Le site est de qualité, et facile d’utilisation. Il est possible d’aller assez loin dans la customisation comme vous pouvez le voir dans la barre d’options.
Le site : animista.net
2 commentaires On Animista : une collection d’animations CSS
Bonjour
Tout d’abord merci pour les ressources proposées sur votre site.
Petite question par rapport à Animista : comment intégrer le code généré sur une page web ? Ca ne fonctionne pas chez moi…
Merci d’avance pour votre retour
Merci !
Le code (class et keyframes) doit être intégré dans ton fichier CSS et tu dois rajouter la classe CSS à ton élément HTML pour que ça fonctionne.