Свойство CSS3 text-shadow служит для добавления тени к любому, связанному с текстом элементу HTML. При задании свойства надо указать смещение по осям Х и Y, размывание и цвет тени. Кроме того, можно не ограничиваться только одной тенью, а задать несколько, определяя параметры для них через запятую!
Винтаж/ретро
Эффект винтажа создается двумя тенями, но первая имеет тот же цвет, что и фон, чтобы сложилось впечатление, что вторая тень, которая имеет тот же цвет, что и текст (тонкая темно-серая полоска), смещена вправо вниз.
Неон
Эффект неонового свечения создается с помощью 8 уровней теней. Основной текст имеет белый цвет, а каждый из 8 уровней теней имеет все большее и большее значение размывания, что затемняет слои. Это смесь между ярким внутренним свечением и большой областью внешней пурпурной ауры.
Вдавленный текст
Эффект вдавленного текста очень часто используется с применением свойства text-shadow. Тень немного смещена по оси Y для создания эффекта небольшого углубления. На темном фоне светлая тень смещается вниз, а на светлом фоне темная тень смещается вверх.
Анаглиф
Эффект анаглиф создает впечатление использования 3D изображений. Воспроизводится с помощью смешивания свойства text-shadow с установкой цвета RGBa. RGBa позволяет устанавливать прозрачность для текста и тени на уровне 50%, так что ниже лежащий текст становится виден сквозь верхние слои.
Огонь
Эффект огня - это еще одно использование множественных теней. Каждая тень смещена в различных направлениях, использует различные степени размывания , а также используется смесь теплых цветов для создания впечатления пламени.
Фанера
Эффект фанеры создается множеством теней, где каждый следующий слой смещается все больше и больше, а также происходит чередование цветов. Кроме того, размывание не используется совсем, чтобы сохранить очертания оригинального текста.