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.

Die invert() CSS Funktion invertiert die Farbwerte im Eingabebild. Ihr Ergebnis ist eine <filter-function>.

css

invert(amount)

amount: Die Menge der Umwandlung, angegeben als <number> oder <percentage>. Ein Wert von 100% ist vollständig invertiert, während ein Wert von 0% den Eingang unverändert lässt. Werte zwischen 0% und 100% sind lineare Multiplikatoren auf den Effekt. Der Anfangswert für die Interpolation ist 0.

<invert()> = 
  invert( [ <number> | <percentage> ]? )

css

invert(0)     /* No effect */
invert(.6)    /* 60% inversion */
invert(100%)  /* Completely inverted */

Specification
Filter Effects Module Level 1 # funcdef-filter-invert

BCD tables only load in the browser

Die anderen <filter-function> Funktionen, die in Werten der filter und backdrop-filter Eigenschaften verwendet werden können, sind: