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

• Attribuez à chaque ligne la couleur lui correspondant ainsi qu'une longueur de 600px et une épaisseur de 120px.
• Positionnez chaque ligne à 50px de chaque extrémité du carré afin de recréer les bordures de l'agenda 📅.
• Attribuez des coins arrondis à chaque ligne, ainsi qu'une opacité de 75%.
• Changez la couleur de fond du carré afin qu'elle soit noire ⚫️ avec une opacité de 5%.

Notes de cours

Unités de couleur
hex, rgb, hsl, etc.

Opacity
Gérer l'opacité d'un élément.

Border
border, border-radius