Opacity

1

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.

Voir le CodePen de Simon Arnold (@smnarnold).

La propriété opacity affecte l'ensemble de l'élément (texte inclus) 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.

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

Pour en savoir plus, voir cet article MDN à propos d'opacity.

Donnez votre opinion
sur les notes de cours sur cette page.
Merci d'avoir partagé ton opinion 😎
Pssst, c'est 💯 anonyme