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>). Avec 100%, les couleurs seront entièrement inversées (ce sera un négatif de l'image originale). Une valeur de 0% ne modifiera pas l'image. Les valeurs intermédiaires auront un effet proportionnel. Lors d'une interpolation, la valeur utilisée par défaut est 0.

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