opacity()

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