Pour cet exercice nous allons effectuer une transition sur le masque de Spider-Man 🕷 afin de le faire passer d’un costume à un autre.

Aperçu du résultat 👇

Matériel

Couleurs 🎨

Bleu #2B3784
Rouge #DF1F2D
Vert #4EF675
Noir #3D3C38

Requis

  1. Au survole du masque de Spider-Man changer sa couleur de fond pour le bleu foncé 🔵 et sa couleur de bordure pour le rouge 🔴.

  2. Changez la couleur des lignes droites et circulaires ainsi que le contour des yeux pour les rendre rouges 🔴.

  3. Ajoutez une transition d'un tiers de seconde sur les éléments dont vous modifiez la couleur afin de passer d'une à l'autre progressivement.

Bonus

  1. Au focus, faites en sorte que le costume de Spider-man transitionne vers sa version "Big Time". Voir l'image suivante en guise de référence visuelle.

Notes de cours 📚