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 Proben im Eingabebild an. Das Ergebnis ist eine <filter-function>.

Probieren Sie es aus

Hinweis: Diese Funktion ähnelt der etablierteren opacity-Eigenschaft. Der Unterschied besteht darin, dass einige Browser bei Filtern Hardwarebeschleunigung für bessere Leistung bieten.

Syntax

css
opacity(amount)

Parameter

amount Optional

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

Formale Syntax

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

Beispiele

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

css
opacity(0%)   /* Completely transparent */
opacity(50%)  /* 50% transparent */

opacity()     /* No effect */
opacity(1)

Spezifikationen

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

Browser-Kompatibilität

BCD tables only load in the browser

Siehe auch