CSS3 opacity – Transparenz den Elementen und Farben

Mit der opacity-Eigenschaft können wir die Transparenz eines Elementes festlegen. Mögliche Werte der Eigenschaft sind die Dezimalzahlen von 0.0 bzw. 1.0, was einer Transparenz von 100% bis 0% entspricht (opacity 0.0 = völlige Transparenz, opacity 1.0 = keine Transparenz). Die jeweilige Transparenz wird auf alle Child-Elemente vererbt. Dieses kann man anhand des folgenden Beispiels gut betrachten und verstehen, auch der Text innerhalb des DIV-Containers ist von der Transparenz betroffen.

opacity: 0.1

opacity: 0.2

opacity: 0.3

opacity: 0.4

opacity: 0.5

opacity: 0.6

opacity: 0.7

opacity: 0.8

opacity: 0.9

opacity: 1.0

 

Quelltext:

Kommentar (1)

  1. Pingback: CSS3 Farb-Transparenz mit RGBA | CSS3.de

Kommentare sind geschlossen.