Как добавить тень тексту в CSS

Чтобы добавить тень тексту в CSS, можно использовать свойство text-shadow. Например:

«`
text-shadow: 2px 2px 4px rgba(0,0,0,0.5);
«`

Это свойство принимает несколько значений, разделенных пробелами:

— горизонтальное смещение тени от текста (в пикселях)
— вертикальное смещение тени от текста (в пикселях)
— размытие тени (в пикселях)
— цвет тени (в формате RGBA)

Чтобы добавить тень только под текстом, можно задать отрицательное значение для вертикального смещения:

«`
text-shadow: 0px 2px 4px rgba(0,0,0,0.5);
«`

Также можно добавить несколько теней, разделяя их запятыми:

«`
text-shadow: 2px 2px 4px rgba(0,0,0,0.5), -2px -2px 4px rgba(255,255,255,0.5);
«`

Это добавит две тени: одну справа и снизу текста, другую слева и сверху текста. Первая тень будет темной, вторая — светлой.