Image

3 Transparenzen

Durch transparente Bereiche, die sich überlagern, wirken Designs vielschichtiger. Klassischerweise haben Webdesigner Transparenzen über halb transparente PNG-Grafiken realisiert oder mit nicht transparenten Bildern getrickst. Mit CSS3 kommen gleich mehrere native und einfach einzusetzende Transparenzen: über die Eigenschaft opacity und die Farbangaben mit rgba() und hsla().

Image

Abb. 3-1 Ein Paradebeispiel für das Spiel mit Transparenzen ist die Webseite http://24ways.org/.

3.1 opacity – weniger ist mehr Transparenz

Beginnen wir mit ...

Get CSS3, 2nd Edition now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.