grayscale()
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 grayscale()
CSS Funktion konvertiert das Eingabebild in Graustufen. Das Ergebnis ist eine <filter-function>
.
Probieren Sie es aus
Syntax
grayscale(amount)
Parameter
amount
-
Menge des Eingabebildes, das in Graustufen umgewandelt wird. Angegeben als
<number>
oder<percentage>
. Ein Wert von100%
ändert das Eingabebild vollständig zu Graustufen, während ein Wert von0%
das Eingabebild unverändert lässt. Werte zwischen0%
und100%
haben lineare Multiplikatoren auf den Effekt. Wenn dergrayscale()
-Filter ohne Parameter vorhanden ist, ist der Standardwert1
. Der Ausgangswert, der zur Interpolation verwendet wird, ist0
.
Formale Syntax
Beispiele
Beispiele für korrekte Werte für grayscale()
grayscale(0) /* No effect */
grayscale(.7) /* 70% grayscale */
grayscale(100%) /* Completely grayscale */
Spezifikationen
Specification |
---|
Filter Effects Module Level 1 # funcdef-filter-grayscale |
Browser-Kompatibilität
Report problems with this compatibility data on GitHubdesktop | mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
grayscale() |
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, umfassen: