In der aktuellen C’t bin ich auf einen Artikel zum Thema CSS aufmerksam geworden. Der Artikel handelte von CSS3-Funktionen, die von einigen Browsern bereits verwendet werden.
Am interessantesten fand ich die Funktionen für Box-Schatten und für abgerundete Ecken:
-moz-box-shadow: gray 5px 5px 5px;
Dieses Beispiel erstellt einen Schatten mit 5px Breite und einem 5px breiten Verlauf. -moz-border-radius: 10px;
Dieses Beispiel zeichnet runde Ecken mit einem Radius von 10px.
Wie das Prefix “-moz” vermuten lässt, handelt sich es um Implementierungen nur für Mozilla-Browser (Firefox, Seamonkey). Es gibt jedoch auch eine Variante, mit der Browser zurechtkommen, die auf Webkit (z.B. Safari) basieren, einfach statt “-moz” als Prefix “-webkit” verwenden.
Wer mit dem Firefox oder Seamonkey verwendet, wird bereits gemerkt haben, dass ich diese Effekte bereits in diesem Blog einsetze
Den Nutzern vom Internet Explorer wird diese Seite ohne diese schönen Effekte angezeigt. Bleibt zu hoffen, das der IE 9 vieles von CSS3 unterstützen wird.
