shadow
span. p. div. und img.shadow - gibt dem jeweiligen Element einen dreifach gestaffelten Schatten mit einer abrundung der Ecken. Die Schattenbreite /-größe ist direkt proportional zur Schriftgröße, die für das Element eingestellt ist, das einen Schatten werfen soll.
span.shadow:
Zur Demonstration nehmen wir wieder unseren Nonsens-Text her. Der lautet ja: Du fährst mit dem Auto und hältst eine konstante Geschwindigkeit. Auf Deiner linken Seite befindet sich ein Abhang. Auf deiner rechten Seite fährt ein riesiges Feuerwehrauto und hält die gleiche Geschwindigkeit wie du. Vor dir galoppiert ein Schwein, das eindeutig größer ist als dein Auto und du kannst nicht vorbei. Hinter dir verfolgt dich ein Hubschrauber auf Bodenhöhe. Das Schwein und der Hubschrauber haben exakt deine Geschwindigkeit.
p.shadow
Du fährst mit dem Auto und hältst eine konstante Geschwindigkeit.
Auf Deiner linken Seite befindet sich ein Abhang.
Auf deiner rechten Seite fährt ein riesiges Feuerwehrauto und hält die gleiche Geschwindigkeit wie du.
div.shadow
img.shadow
Hier ist die Schriftgröße Standard (12pt), daher ist der Schatten nicht sehr ausgeprägt.
und hier ist die Schrift schon größer (18pt).
Bei ganz großer Schrift (36pt):