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 ein <filter-function>.

css

invert(amount)

amount: Die Stärke der Umkehrung, angegeben als <number> oder <percentage>. Ein Wert von 100% ist vollständig invertiert, während ein Wert von 0% das Eingabebild unverändert lässt. Werte zwischen 0% und 100% sind lineare Multiplikatoren des Effekts. Der Anfangswert für Interpolation ist 0.

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 den Werten der Eigenschaften filter und backdrop-filter verwendet werden können, umfassen: