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 von0%
ist vollständig transparent, während ein Wert von100%
das Eingabeobjekt unverändert lässt. Werte zwischen0%
und100%
sind lineare Multiplikatoren auf den Effekt. Der Anfangswert für Interpolation ist1
.
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
- Die anderen
<filter-function>
-Funktionen, die in den Werten derfilter
- undbackdrop-filter
-Eigenschaften verwendet werden können, sind: - Die CSS-
opacity
-Eigenschaft