Aller au contenu

Cours 8

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

Résultat attendu

Instructions

  • Veuillez effectuer un fork du codepen de départ
  • 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.