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 🎨

#4285f4 #fbbc04 #ea4335 #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