Zwykły cień tekstu:
p ( text-shadow: 1px 1px 1px #000; )Wiele cieni:
p ( text-shadow: 1px 1px 1px #000, 3px 3px 5px blue; )Pierwsze dwie wartości określają długość przesunięcia cienia. Pierwsza wartość określa odległość w poziomie, a druga określa odległość cienia w pionie. Trzecia wartość określa promień rozmycia, a ostatnia wartość określa kolor cienia:
1. wartość = współrzędna X
2. wartość = współrzędna Y
3. wartość = promień rozmycia
4. wartość = kolor cienia
Użycie liczb dodatnich jako pierwszych dwóch wartości kończy się umieszczeniem cienia po prawej stronie tekstu poziomo (pierwsza wartość) i umieszczeniem cienia pod tekstem pionowo (druga wartość).
Trzecia wartość, promień rozmycia, jest wartością opcjonalną, którą można określić, ale nie trzeba. Jest to liczba pikseli, o które tekst jest rozciągnięty, co powoduje efekt rozmycia. Jeśli nie użyjesz trzeciej wartości, jest traktowane tak, jakbyś określił promień rozmycia równy zero.
Pamiętaj też, że możesz użyć wartości RGBA dla koloru, na przykład 40% przezroczystości bieli:
p ( text-shadow: 0px 2px 2px rgba(255, 255, 255, 0.4); )