Как можно создать тень, падающую от текста?

.text-shadow-effect {
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5); /* Горизонтальное смещение, вертикальное смещение, размытие, цвет с прозрачностью */
}

Свойство text-shadow позволяет создать тень для текста. Оно принимает до четырех значений: горизонтальное смещение, вертикальное смещение, радиус размытия и цвет тени.

• Горизонтальное смещение: Положительное значение сдвигает тень вправо, отрицательное — влево.
• Вертикальное смещение: Положительное значение сдвигает тень вниз, отрицательное — вверх.
• Радиус размытия: Чем больше значение, тем более размытой будет тень. Нулевое значение создает четкую тень.
• Цвет: Цвет тени, может быть любым допустимым значением цвета CSS (например, #000, rgb(0,0,0), rgba(0,0,0,0.5)).

Можно использовать несколько теней, перечисляя их через запятую:

.multiple-text-shadows {
  text-shadow: 2px 2px 4px rgba(255, 0, 0, 0.7), -2px -2px 4px rgba(0, 0, 255, 0.7);
}