Свойство text-shadow работает в современных браузерах следующим образом: оно добавляет тень к тексту, а также устанавливает её параметры: цвет тени, смещение относительно надписи и радиус размытия. 5

Каждая тень состоит из следующих значений: 2

1. Смещения по осям x и y. 2 Обязательные значения для тени. 2 Могут принимать любые числовые значения, в том числе отрицательные. 2 Значение по умолчанию равно 0 для обеих осей. 2 Если первое значение положительное, то тень будет справа от буквы, если отрицательное — слева. 2 Если второе значение положительное, то тень будет снизу, если отрицательное — сверху. 2
2. Радиус размытия. 2 Опциональное значение, положительное числовое значение с единицами измерения. 2 По умолчанию значение 0, что делает его указание необязательным. 2 Если не указывать его или писать 0, то край тени будет резким, без размытия. 2 Чем больше значение, тем шире область размытия и тем светлее сама тень. 2
3. Цвет. 2 Если не указывать цвет, то решение остаётся за браузером. 2 Как правило, браузер возьмёт значение свойства color текста, которому прописывается тень. 2

Свойство text-shadow поддерживается всеми современными браузерами, включая Google Chrome, Firefox, Safari, Edge и Opera. 1 Однако важно проверять отображение теней в старых версиях браузеров для обеспечения кроссбраузерной совместимости. 1

Если определены больше чем одна тень, тени накладываются друг на друга в порядке обратном порядку их определения, что значит, первая тень окажется поверх последующих. 3