sepia()

Baseline Weitgehend verfügbar

Diese Funktion ist gut etabliert und funktioniert auf vielen Geräten und in vielen Browserversionen. Sie ist seit September 2016 browserübergreifend verfügbar.

Die sepia() CSS Funktion konvertiert das Eingabebild in Sepia und verleiht ihm ein wärmeres, gelblich/braunes Aussehen. Das Ergebnis ist eine <filter-function>.

Probieren Sie es aus

filter: sepia(0);

filter: sepia(0.2);

filter: sepia(60%);

filter: sepia(1);

<section id="default-example">
  <img
    class="transition-all"
    id="example-element"
    src="/shared-assets/images/examples/firefox-logo.svg"
    width="200" />
</section>

Syntax

css

sepia(amount)

Parameter

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

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()      /* Completely sepia */
sepia(100%)

Spezifikationen

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

Browser-Kompatibilität

Siehe auch

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

Help improve MDN

Erfahren Sie, wie Sie beitragen können Diese Seite wurde automatisch aus dem Englischen übersetzt.

Übersetzung auf GitHub anzeigen • Fehler mit dieser Übersetzung melden