grayscale()
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 konvertiert wird. Es wird als
<number>
oder als<percentage>
angegeben. Ein Wert von100%
wandelt die Eingabe vollständig in Graustufen um, während ein Wert von0%
die Eingabe unverändert lässt. Werte zwischen0%
und100%
haben lineare Multiplikatoren auf den Effekt. Wenn dergrayscale()
Filter ohne Parameter vorhanden ist, beträgt der Standardwert1
. Der anfängliche Wert, der für die Interpolation verwendet wird, ist0
.
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
BCD tables only load in the browser
Siehe auch
Die anderen <filter-function>
Funktionen, die in den Werten der filter
und backdrop-filter
Eigenschaften verwendet werden können, umfassen: