Pour cet exercice, vous devez à l’aide de GSAP animer les différentes partie d’une voiture afin de la faire rouler et reculer sur la route.
Aperçu du résultat 👇
Matériel
Pen de départ
Vous n’avez qu’à ajouter du CSS et du JavaScript (nul besoin de modifier le HTML).
Requis
Positionnez en CSS les éléments constituant la voiture afin de l'assembler.
Positionnez en CSS la voiture de sorte qu'elle soit sur la route à gauche complètement de la page.
Faites en sorte que la voiture débute son animation à l'extérieur gauche de la page et se déplace de 1500px vers la droite en l'espace de 10 secondes à une vitesse constante. Cette animation doit se répéter à l'infini.
Faites faire un tour complet aux roues en l'espace d'une seconde à vitesse constante. Celles-ci doivent tourner à l'infini.
Notes de cours 📚