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 besteht darin, dass bei Filtern einige Browser Hardwarebeschleunigung für bessere Leistung bieten.
Syntax
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%
die Eingabe unverändert lässt. Werte zwischen0%
und100%
sind lineare Multiplikatoren auf den Effekt. Der anfängliche Wert für die Interpolation ist1
.
Formale Syntax
Beispiele
Beispiele für korrekte Werte für opacity()
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
Report problems with this compatibility data on GitHubdesktop | mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
opacity() |
Legend
Tip: you can click/tap on a cell for more information.
- Full support
- Full support
Siehe auch
- Die anderen
<filter-function>
-Funktionen, die in Werten derfilter
- undbackdrop-filter
-Eigenschaften verwendet werden können, enthalten: - Die CSS
opacity
-Eigenschaft