Opacité

La propriété CSS opacity définit la transparence (appelée aussi opacité) d’un élément. Sa valeur varie entre 0.0 et 1.0. Plus la valeur est faible, plus l’élément est trasnparent.

Opacité au survol de la souris

opacity est fréquemment utilisée avec la pseudo-classe :hover afin de rendre un élément moins opaque au passage de la souris.

Exemple :

img:hover {
    opacity: 0.5; /* Lorsque la souris survole l'image, cette dernière est rendu moins opaque */
}

Transparence et héritage sur des éléments emboîtés