Nous contacter

  1. Accueil
  2. Blog
  3. Webdesign
  4. Créez des animations CSS sur demandes avec Animista

Créez des animations CSS sur demandes avec Animista

Le 21/03/2017

Dans Webdesign

Découvrez Animista, un petit outil en ligne permettant de visualiser, personnaliser et créer de nombreuses animations CSS à insérer dans vos projets web.

Les animations CSS sont sans conteste le moyen le plus simple d'insérer rapidement un peu de vie dans vos sites web. Moins puissantes que les animations Javascript, elles sont néanmoins suffisantes pour rendre dynamique vos créations en y ajoutant des réponses subtiles aux interactions de vos visiteurs.

Aujourd'hui, le BlogDuWebdesign vous propose de découvrire un outil qui vous permettra de découvrire et créer de tres nombreuses animations CSS simplement : Animista.

Animista

Des animations sur demandes avec Animista

Animista est une plateforme en ligne créée par Ana Travas qui vous propose de découvrir et personnaliser de nombreuses animations, réunies en 6 catégories : basiques, entrées, sorties, textes, prise d'attention et background.

Texte animista

Au total, ce n'est pas moins de 69 animations différentes (sans compter les très nombreuses variantes) que vous pourrez retrouver.

Background animista
Basics animista

Son interface est des plus clairs : la liste des catégories tout en haut, puis une liste (scrollable) des différentes animations de la catégorie sélectionnée et enfin en dessous vous pourrez retrouver les différentes "versions" de l'animation en cours.

Menu animista

Plus bas, vous pourrez retrouver votre animation à droite et un panneau permettant de la personnaliser à gauche. Une fois que votre animation vous plaît, il ne vous reste plus qu'a l'exporter avec le bouton {.} que vous trouverez tout à droite et l'insérer dans votre site !

Body animista

Mon avis

Si vous ne savez pas du tout comment fonctionne techniquement les animations CSS, ce site pourra vous fournir une bonne base pour démarrer, à mon avis mieux que ce que peut fournir Animate.css (très bon outil en soi mais qui rend les animations vraiment trop abstraites pour progresser).

Enfin, si au contraire vous connaissez déjà le fonctionnement des animations, ce site vous fournira tout de même une bonne plateforme permettant de visualiser rapidement des différentes animations que vous pourriez créer.

Pour conclure, je trouve qu'Animista est un très bon outil qui pourra vraiment servir à tout le monde, quel que soit leur niveau.