Чтобы создавать профессиональный вид текста с помощью text-shadow, можно использовать следующие приёмы:
- Создание многослойных теней. 2 Можно создавать несколько теней для одного элемента, перечисляя их параметры через запятую. 34 Это позволяет, например, создавать объёмные буквы (вдавленные или выпуклые). 2
- Создание контуров для букв. 2 Для этого используют несколько теней. 2 Лучше всего такой эффект смотрится с рубленым шрифтом большого размера, например, для заголовков. 3 Для основного текста применение контура ухудшает читабельность. 3
- Создание эффекта тиснения текста. 3 Для этого цвет текста должен совпадать с цветом фона. 3 Одна часть «выступающих» над поверхностью букв словно освещена, другая же часть находится в тени. 3
- Создание эффекта свечения. 3 Для этого достаточно изменить цвет тени и поставить желаемый радиус размытия. 3 Поскольку свечение вокруг текста должно быть равномерным, то смещение тени надо задать нулевым. 3
При использовании text-shadow важно учитывать, что не все браузеры поддерживают несколько теней. 2 Также на ретина-экранах тени могут выглядеть достаточно грязно. 4