Animations CSS : Chien CSS08

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

Démonstration
https://juliencrego.com/demo.html

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.

Démonstration
https://juliencrego.com/demo.html

Correction

La correction de l’exercice est disponible en cliquant sur le bouton ci-dessous.

La correction proposée est au format SCSS. Pour afficher le code CSS, veuillez cliquer sur le bouton View Compiled en bas à droite de la fenêtre.

Solution

Consultez ce code créé par crego (@crego) sur le site CodePen.

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.

S’abonner
Notification pour
guest

Ce site utilise Akismet pour réduire les indésirables. Découvrez comment les données de vos commentaires sont traitées.

1 Commentaire
Le plus ancien
Le plus récent Le plus populaire
cpap-tunisie
1 année il y a

Très bonne méthode j’ai essayé ca marche