Opacity - Google Agenda

Pour cet exercice, vous devez recréer une icône inspirée de celle de Google Agenda.

Aperçu du résultat 👇

Matériel

Pen de départ 

Couleurs 🎨

Bleu #4285f4
Jaune #fbbc04
Rouge #ea4335
Vert #34a853

Requis

  1. Attribuez à chaque ligne la couleur lui correspondant ainsi qu'une longueur de 600px et une épaisseur de 120px.

  2. Positionnez chaque ligne à 50px de chaque extrémité du carré afin de recréer les bordures de l'agenda 📅.

  3. Attribuez des coins arrondis à chaque ligne, ainsi qu'une opacité de 75%.

  4. Changez la couleur de fond du carré afin qu'elle soit noire ⚫️ avec une opacité de 5%.

Notes de cours 📚