Weihnachtsbastelei mit PNG und CSS

Verwendete Bilddateien (PNG in den unteren Bildern)

Bildvorlage

Vorlage Christbaumkugel

JPEG-Datei (Quelle: morgueFile)

Hintergrundbild

Hintergundbild für Beispiel 2

GIF-Datei

Verlaufsgrafik

Hintergrundgrafik für Beispiel 3

GIF-Datei

PNG-24-Transparenzen: Hover-Effekte mit CSS

Beispiel 1

Christbaumkugel über dunklem Hintergrund

Hover: Wechsel der Hintergrundfarbe.
Beispiel 1: CSS-Datei

Beispiel 2

Christbaumkugel über hellgrauem Hintergrund

Hover: Hintergrundbild rückt in den sichtbaren Bereich.
Beispiel 2: CSS-Datei

Beispiel 3

Christbaumkugel über Verlaufsgrafik

Hover: Hintergrund-Verlaufsgrafik wird verschoben.
Beispiel 3: CSS-Datei

Nils Pooker für den Webkrauts-Adventskalender 2007 | Impressum