Как работает свойство text-shadow в современных браузерах?

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

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

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

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

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