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

css
grayscale(amount)

Parameter

amount

Menge des Eingabebildes, das in Graustufen konvertiert wird. Es wird als <number> oder als <percentage> angegeben. Ein Wert von 100% wandelt die Eingabe vollständig in Graustufen um, während ein Wert von 0% die Eingabe unverändert lässt. Werte zwischen 0% und 100% haben lineare Multiplikatoren auf den Effekt. Wenn der grayscale() Filter ohne Parameter vorhanden ist, beträgt der Standardwert 1. Der anfängliche Wert, der für die Interpolation verwendet wird, ist 0.

Beispiele

Beispiele für korrekte Werte für grayscale()

css
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: