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⁩.

Diegrayscale()CSS-Funktion konvertiert das Eingabebild in Graustufen. Das Ergebnis ist eine<filter-function>.

Probieren Sie es aus

filter: grayscale(0);

filter: grayscale(0.2);

filter: grayscale(60%);

filter: grayscale(1);

<section>  <img          src="/shared-assets/images/examples/firefox-logo.svg"    width="200" /></section>

css

grayscale(amount)

amountOptional: Menge des Eingabebildes, die in Graustufen konvertiert wird. Es wird als<number> oder als<percentage> angegeben. Ein Wert von100% ändert das Eingangsbild komplett in Graustufen, während ein Wert von0% das Eingabebild unverändert lässt. Werte zwischen0% und100% haben lineare Multiplikatoren auf den Effekt. Der Anfangswert für dieInterpolation ist0. Der Standardwert ist1.

<grayscale()> =
grayscale([<number>|<percentage>]?)

css

grayscale(0)     /* No effect */grayscale(.7)    /* 70% grayscale */grayscale()      /* Completely grayscale */grayscale(1)grayscale(100%)

Specification
Filter Effects Module Level 1 # funcdef-filter-grayscale

Die anderen<filter-function> Funktionen, die in den Werten derfilter- undbackdrop-filter-Eigenschaften verwendet werden können, umfassen:

Learn how to contribute Diese Seite wurde automatisch aus dem Englischen übersetzt.