Animations CSS : Renard CSS27

Cet exercice consiste à dessiner un renard en HTML et CSS puis à l’animer en CSS.

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

Consignes de l’exercice

Créez un nouveau fichier .html et associez-lui une feuille de style.

Observez bien le dessin du renard et essayer de le reproduire le plus fidélement possible en utilisant uniquement HTML et CSS.

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

Observez maintenant les animations des différents éléments constituant le renard 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

Sauf mention contraire*, l'article Animations CSS : Renard [CSS27] 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.