Animations CSS : Chien CSS08

Cet exercice consiste à utiliser des animations CSS pour faire vivre un “chien” dessiné en HTML et CSS.

Consulter le code de « Pen » par Julien Crego (@crego) sur CodePen.

Consignes de l’exercice

Téléchargez le fichier .html contenant le dessin du chien ci-dessous :

Observez bien, ci-dessous, les animations des différents éléments constituant le chien et reproduisez-les. Vous pouvez ajouter autant d’effets que vous le souhaitez.

Consulter le code de « Pen » par Julien Crego (@crego) sur CodePen.

Correction

La correction de l’exercice est téléchargeable ci-dessous. Vous trouverez deux fichiers .css avec et sans les préfixes vendeurs qui permettent d’améliorer la compatibilité des animations.

Sauf mention contraire*, l'article Animations CSS : Chien [CSS08] et son contenu par Julien Crego sont mis à disposition selon les termes de la licence Creative Commons

Licence Creative Commons

Attribution - Pas d’Utilisation Commerciale - Partage dans les Mêmes Conditions 4.0 International

Cette licence vous permet de remixer, arranger, et adapter cette œuvre à des fins non commerciales tant que vous créditez la source en citant le nom des auteurs et que les nouvelles œuvres sont diffusées selon les mêmes conditions.

* Cette notice est intégrée automatiquement à la fin de chaque article de ce site.

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.