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

Probieren Sie es aus

Hinweis: Diese Funktion ist der etablierten opacity-Eigenschaft ähnlich. Der Unterschied besteht darin, dass einige Browser bei Filtern Hardware-Beschleunigung zur Leistungsverbesserung bieten.

Syntax

css
opacity(amount)

Parameter

amount

Die Menge der Umwandlung, angegeben als <number> oder <percentage>. Ein Wert von 0% ist komplett transparent, während ein Wert von 100% das Eingabeobjekt unverändert lässt. Werte zwischen 0% und 100% sind lineare Multiplikatoren für den Effekt. Der anfängliche Wert für die Interpolation 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(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