Die opacity CSS Eigenschaft gibt die Transparenz eines Elements an, d. h. den Grad, zu welchem der Hintergrund des Elements überlagert wird.
Der Wert wird dem gesamten Element zugewiesen einschließlich dessen Inhalten, auch wenn der Wert nicht durch Kindelemente geerbt wird. Dadurch haben ein Element und seine Kindelemente alle dieselbe Deckkraft relativ zum Hintergrund des Elements, auch wenn das Element und seine Kindelemente untereinander unterschiedliche Werte für die Deckkraft haben.
Wird für diese Eigenschaft ein Wert anders als 1 festgelegt, bewirkt dies, dass das Element in einen neuen Stapelkontext versetzt wird.
Falls ein Kindelement nicht den Wert für die Deckkraft haben soll, kann stattdessen die background Eigenschaft verwendet werden. Zum Beispiel:
background: rgba(0, 0, 0, 0.4);
Anwendbar aufalle Elemente
der angegebene Wert, auf den Bereich [0,1] abgeschnitten
Animationstyp