Opacity

La propriété opacity permet de gérer l'opacité d'un élément. Une valeur de 0 correspond à une transparence complète, tandis qu'une valeur de 1 correspond à une opacité complète.

La propriété opacity affecte l'ensemble de l'élément (incluant son contenu) et de ses enfants. Pour ne changer l'opacité que de la couleur de fond, voir les unités de couleur acceptant la transparence telle que: rgba, hsla, etc.

Warning

Certains navigateurs acceptent les valeurs en pourcentages, mais afin d’éviter des problèmes compatibilité, il est suggéré d’utiliser une valeur entre 0 et 1.

Exercices

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