Schatteneffekte für Text
W3C Entwurf
Mit der CSS-Eigenschaft text-shadow lassen sich Texte mit einem Schatten bzw. einem Schein auszeichnen. Die Eigenschaft erwartet vier Werte:
• der horizontale Versatz des Schattens nach rechts
• der vertikale Versatz des Schattens nach unten
• die Weite der Ausdehnung
• die Schattenfarbe
Hier ein paar Beispiele:
1 2 3 4 5 6 7 8 9 10 11 12 13 |
|
Dieses Code-Beispiel erzeugt folgende Effekte:
Beispiel 1 Beispiel 2 Beispiel 3 Beispiel 4
Beispiel 5 Beispiel 6 Beispiel 7 Beispiel 8
box-shadow
Mit box-shadow lassen sich Objekte mit einem Schattenwurf auszeichnen:
• horizontaler Versatz nach rechts
• vertikaler Versatz nach unten
• Verlauf
• Ausdehnung
• Farbe
• inset (optional)
W3C Entwurf
box-shadow:5px 5px 10px 10px #abc;