Некоторые способы создания объёмного текста с помощью теней в CSS:
- Многослойные тени. 1 Для создания объёмных букв (вдавленных или выпуклых) нужно создавать более чем одну тень, перечисляя их параметры через запятую. 14 Например, для рельефного текста белую тень смещают влево вверх на один пиксел, а тёмно-серую — вправо вниз. 4
- Контурный текст. 4 Каждая буква обводится линией, цвет которой отличается от цвета текста. 4 Лучше всего этот эффект смотрится с рубленым шрифтом большого размера, например, заголовков. 4
- Тиснение текста. 4 Для создания эффекта тиснения (рельефа) цвет текста должен совпадать с цветом фона. 4 Одна часть «выступающих» над поверхностью букв словно освещена, другая же часть находится в тени. 4
- Свечение. 4 Для создания эффекта свечения достаточно изменить цвет тени и поставить желаемый радиус размытия. 4 Поскольку свечение вокруг текста должно быть равномерным, то смещение тени надо задать нулевым. 4
- Размытие. 4 Если оставить только тень, а сам текст скрыть, то получатся размытые буквы. 4 Степень размытия легко регулировать через параметр text-shadow. 4
При использовании этих эффектов нужно быть осторожным, так как не все браузеры поддерживают несколько теней. 1