Normaler Textschatten:
p ( text-shadow: 1px 1px 1px #000; )Mehrere Schatten:
p ( text-shadow: 1px 1px 1px #000, 3px 3px 5px blue; )Die ersten beiden Werte geben die Länge des Schattenversatzes an. Der erste Wert gibt den horizontalen Abstand und der zweite den vertikalen Abstand des Schattens an. Der dritte Wert gibt den Unschärferadius an und der letzte Wert beschreibt die Farbe des Schattens:
1. Wert = Die X-Koordinate
2. Wert = Die Y-Koordinate
3. Wert = Der Unschärferadius
4. Wert = Die Farbe des Schattens
Wenn Sie positive Zahlen als erste beiden Werte verwenden, platzieren Sie den Schatten horizontal rechts vom Text (erster Wert) und den Schatten vertikal unter dem Text (zweiter Wert).
Der dritte Wert, der Unschärferadius, ist ein optionaler Wert, der angegeben werden kann, aber nicht muss. Es ist die Anzahl der Pixel, die der Text gedehnt wird, was einen Unschärfeeffekt verursacht. Wenn Sie den dritten Wert nicht verwenden, wird er so behandelt, als hätten Sie einen Unschärferadius von Null angegeben.
Denken Sie auch daran, dass Sie RGBA-Werte für die Farbe verwenden können, z. B. eine 40% ige Transparenz von Weiß:
p ( text-shadow: 0px 2px 2px rgba(255, 255, 255, 0.4); )