invert()
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2016.
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
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()
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