Свойство text-shadow позволяет создавать различные визуальные эффекты на сайте. 12 Вот несколько примеров:
- Контурный текст. 1 Каждая буква обводится линией, цвет которой отличается от цвета текста. 1 Лучше всего эффект смотрится с рубленым шрифтом большого размера, например, заголовков. 1
- Тиснение текста. 1 Для создания эффекта тиснения цвет текста должен совпадать с цветом фона. 1 Одна часть «выступающих» над поверхностью букв словно освещена, другая же часть находится в тени. 1
- Свечение. 1 Свечение вокруг текста — это та же самая тень, только она яркая и контрастная. 1 Для создания эффекта свечения достаточно изменить цвет тени и поставить желаемый радиус размытия. 1 Поскольку свечение вокруг текста должно быть равномерным, то смещение тени надо задать нулевым. 1
- Эффект неонового света. 3 Если создать тень без смещения и размыть её, то получится эффект неонового свечения. 2
При использовании свойства text-shadow нужно быть осторожным, так как не все браузеры поддерживают несколько теней. 2