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 wandelt das Eingabebild in Sepia um und verleiht ihm ein wärmeres, gelblich/braunes Erscheinungsbild. Ihr Ergebnis ist eine <filter-function>.

Probieren Sie es aus

Syntax

css

sepia(amount)

Parameter

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

Formale Syntax

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

Beispiele

Beispiele für korrekte Werte für 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 den Werten der Eigenschaften filter und backdrop-filter verwendet werden können, sind: