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>
.
Probieren Sie es aus
Syntax
invert(amount)
Parameter
amount
-
Die Menge der Umwandlung, angegeben als
<number>
oder<percentage>
. Ein Wert von100%
ist vollständig invertiert, während ein Wert von0%
den Eingang unverändert lässt. Werte zwischen0%
und100%
sind lineare Multiplikatoren des Effekts. Der Ausgangswert für Interpolation ist0
.
Formale Syntax
Beispiele
Beispiele für korrekte Werte für invert()
invert(0) /* No effect */
invert(.6) /* 60% inversion */
invert(100%) /* Completely inverted */
Spezifikationen
Specification |
---|
Filter Effects Module Level 1 # funcdef-filter-invert |
Browser-Kompatibilität
Report problems with this compatibility data on GitHubdesktop | mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
invert() |
Legend
Tip: you can click/tap on a cell for more information.
- Full support
- Full support
Siehe auch
Die anderen <filter-function>
Funktionen, die in den Werten der filter
und backdrop-filter
Eigenschaften verwendet werden können, schließen ein: