invert()
La fonction CSS invert()
permet d'inverser les couleurs de l'image. La valeur obtenue par cette fonction est de type <filter-function>
.
Exemple interactif
Syntaxe
css
invert(multiplicateur)
Paramètres
multiplicateur
-
L'intensité de la conversion, indiquée sous la forme d'un nombre (
<number>
) ou d'un pourcentage (<percentage>
). Avec100%
, les couleurs seront entièrement inversées (ce sera un négatif de l'image originale). Une valeur de0%
ne modifiera pas l'image. Les valeurs intermédiaires auront un effet proportionnel. Lors d'une interpolation, la valeur utilisée par défaut est0
.
Exemples
Exemples de valeurs correctes pour invert()
css
invert(0); /* Aucun effet */
invert(.6); /* Inversion à 60% */
invert(100%); /* Négatif de l'image originale */
Spécifications
Specification |
---|
Filter Effects Module Level 1 # funcdef-filter-invert |
Compatibilité des navigateurs
BCD tables only load in the browser
Voir aussi
<filter-function>
et les autres fonctions associées