sepia()

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 sepia() CSS Funktion konvertiert das Eingabebild in Sepia und verleiht ihm ein wärmeres, mehr gelb/braunes Erscheinungsbild. Das Ergebnis ist eine <filter-function>.

Probieren Sie es aus

Syntax

css
sepia(amount)

Parameter

amount

Die Menge der Umwandlung, angegeben als <number> oder <percentage>. Ein Wert von 100% ist komplett sepia, während ein Wert von 0% das Eingabebild unverändert lässt. Werte zwischen 0% und 100% sind lineare Multiplikatoren für den Effekt. Der Anfangswert für Interpolation ist 0.

Beispiele

Beispiele für korrekte Werte von sepia()

css
sepia(0)     /* No effect */
sepia(.65)   /* 65% sepia */
sepia(100%)  /* Completely sepia */

Spezifikationen

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

Browser-Kompatibilität

BCD tables only load in the browser

Siehe auch

Die anderen <filter-function> Funktionen, die in Werten der filter und backdrop-filter Eigenschaften verwendet werden können, sind: