CSS свойство text-shadow

Добавляет тень к тексту, а также устанавливает её параметры: цвет тени, смещение относительно надписи и радиус размытия.

CSS синтаксис

text-shadow: none | x-сдвиг y-сдвиг размытие цвет | initial | inherit;

Возможные значения

Значение Описание
none Значение по умолчанию. Тень не отображается.
x-сдвиг Обязательное значение. Смещение тени по горизонтали. Положительное значение задает сдвиг тени вправо, отрицательное - влево.
y-сдвиг Обязательное значение. Смещение тени по вертикали. Положительное значение задает сдвиг тени вниз, отрицательное - вверх.
размытие Необязательное значение. Задает радиус размытия тени. Чем больше это значение, тем сильнее тень сглаживается, становится шире и светлее. Если этот параметр не задан, по умолчанию устанавливается равным 0, тень при этом будет четкой, а не размытой.
цвет Необязательное значение. Устанавливает цвет тени. По умолчанию тень черная. (см. Как использовать цвета)
inherit Значение наследуется от родительского элемента.
initial Устанавливает значение по умолчанию.

Пример

Добавляем тень к тексту заголовка <h1>


h1 {
     text-shadow: 2px 2px #ff0000;
}