opacity()

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 opacity() CSS Funktion wendet Transparenz auf die Muster im Eingabebild an. Das Ergebnis ist eine <filter-function>.

Probieren Sie es aus

Hinweis: Diese Funktion ähnelt der etablierteren opacity-Eigenschaft. Der Unterschied ist, dass einige Browser mit Filtern Hardware-Beschleunigung für bessere Leistung bieten.

Syntax

css
opacity(amount)

Parameter

amount

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

Beispiele

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

css
opacity(0%)   /* Completely transparent */
opacity(50%)  /* 50% transparent */
opacity(1)    /* No effect */

Spezifikationen

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

Browser-Kompatibilität

BCD tables only load in the browser

Siehe auch