Как создать трехмерную тень для текста в CSS?

Для создания трёхмерной тени для текста в CSS можно использовать свойство text-shadow. doka.guide webmaster.alexanderklimov.ru

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

1. Смещения по осям x и y. 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 Если не указывать цвет, то решение остаётся за браузером. doka.guide Как правило, браузер возьмёт значение свойства color текста, которому прописывается тень. doka.guide Но Safari отрисует прозрачную тень. doka.guide Если нужен цвет тени, совпадающий с цветом текста, то это можно указать явно при помощи ключевого слова currentColor. doka.guide

Можно задавать несколько теней для одного элемента, перечисляя их через запятую. doka.guide Однако нужно быть осторожным в использовании этих эффектов, так как не все браузеры поддерживают несколько теней. webmaster.alexanderklimov.ru