10 ressources pour créer des animations CSS

bibliothèques animations CSS

Créer des animations CSS n’est pas tâche aisée lorsqu’on ne maîtrise pas toutes les subtilités de ce langage. C’est pourquoi il existe de nombreux sites qui vous permettent de copier directement l’animation que vous souhaitez dans votre style, ou même de créer votre animation personnalisée grâce à une interface graphique.

Nous avons sélectionné pour vous 10 ressources qui vous aideront à gérer vos animations CSS.

 

Besoin d'un développeur ?webmaster ?rédacteur ?

Déposez gratuitement votre projet sur Codeur.com, recevez une quinzaine de devis et sélectionnez le prestataire idéal.

Trouver un prestataire

Animate

Animate.css

Comme son nom l’indique, Animate vous propose tous types d’animations CSS : rebonds, fondus, clignotements, zooms, secousses, rotations… Il y en a pour tous les goûts ! Son interface très claire vous permet de sélectionner l’animation que vous souhaitez et de la visualiser immédiatement, grâce à l’animation du logo du site.

 

Animista

Animista création animations CSS

Animista est une bibiliothèque d’animations CSS, qui vous permet de les visualiser et de les ajuster pour obtenir votre animation personnalisée.

 

Ceaser

Ceaser

Très simple à prendre en main, Ceaser vous permet de créer précisément l’animation CSS que vous souhaitez.

 

CSS3 Animation Cheat Sheet

CSS3 Animate Sheet animations CSS

CSS3 Animation Cheat Sheet est un outil d’animations CSS3 très simple d’utilisation. Ajoutez la feuille de style à votre site, choisissez votre animation et appliquez la classe CSS correspodante à l’élément que vous souhaitez animer. Un jeu d’enfants !

 

CSS Animate

CSS Animate animations CSS

CSS Animate permet de créer vos animations en sélectionnant chacune de leurs propriétés dans un tableau de bord. Une fois votre animation créée et testée, il ne vous reste plus qu’à copier le code CSS dans votre feuille de style.

 

Mantra

Mantra animations CSS

Mantra est un outil d’édition d’animations CSS. Son interface permet d’ajouter, supprimer, modifier chaque plan d’une animation, vous permettant d’obtenir un résultat précis.

Contactez jusqu'à 400 clients/mois

Inscrivez-vous sur Codeur.com pour être alerté lorsqu'un client recherche un prestataire avec vos compétences.

Trouver des clients

Spinkit

Spinkit animations CSS chargement

SpinKit vous propose une librairie d’animation de chargement en CSS, fluides et facilement personnalisables.

 

Stylie

Stylie animations CSS

Stylie est un outil simplifié issu de Mantra, qui permet de créer des animations CSS complexes. Designez votre animation graphiquement, puis copiez le code généré pour le coller directement sur votre site.

 

Tridiv

Tridiv animations CSS

Tridiv est un logiciel permettant de créer des animations 3D en CSS.

 

Vivify

Vivfy animations CSS

Vivify est une bibliothèque gratuite d’animations CSS3. Sélectionnez l’animation dans la liste déroulante, et cliquez sur « Animate » : le petit smiley s’anime pour illustrer en direct l’animation sélectionnée.

 

Vous avez désormais le choix pour sélectionner l’animation CSS qui vous convient ! Faites vous accompagner par un webdesigner freelance en postant votre projet sur Codeur.com pour réaliser le design de votre site.

Laissez un commentaire

Votre adresse email ne sera pas publiée. Les champs requis sont indiqués *