GSAP - Voiture turquoise

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 

Requis

  1. Positionnez en CSS les éléments constituant la voiture afin de l'assembler.

  2. Positionnez en CSS la voiture de sorte qu'elle soit sur la route à gauche complètement de la page.

  3. 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.

  4. Faites faire un tour complet aux roues en l'espace d'une seconde à vitesse constante. Celles-ci doivent tourner à l'infini.

Notes de cours 📚