opacity()
La fonction CSS opacity()
permet de modifier la transparence de l'image. Le résultat obtenu par cette fonction est une valeur <filter-function>
.
Exemple interactif
Note :
Cette fonction est proche de la propriété opacity
mais, selon le navigateur, les filtres CSS peuvent bénéficier de l'accélération matérielle pour de meilleures performances.
Syntaxe
opacity(multiplicateur)
Paramètres
multiplicateur
-
L'intensité de l'opacité, indiquée comme un nombre (
<number>
) ou comme un pourcentage (<percentage>
). Une valeur de0%
entraînera une image complètement transparente. Une valeur de100%
laissera l'image inchangée. Les valeurs intermédiaires auront un effet proportionnel. Lors d'une interpolation, la valeur par défaut utilisée sera1
.
Exemples
Exemples de valeurs correctes pour opacity()
opacity(0%); /* Complètement transparente */
opacity(50%); /* 50% transparent */
opacity(1); /* Aucun effet */
Spécifications
Specification |
---|
Filter Effects Module Level 1 # funcdef-filter-opacity |
Compatibilité des navigateurs
BCD tables only load in the browser
Voir aussi
- La propriété CSS
opacity
<filter-function>
et les autres fonctions associées