Как сделать тень падающую от блока?

Свойство box-shadow в CSS позволяет разработчикам добавлять тени к элементам, создавая эффект глубины и реалистичности. Оно принимает следующие параметры:

• Смещение по оси X: Определяет, насколько тень смещена по горизонтали от элемента. Положительное значение сдвигает тень вправо, отрицательное — влево.

• Смещение по оси Y: Определяет, насколько тень смещена по вертикали от элемента. Положительное значение сдвигает тень вниз, отрицательное — вверх.

• Размытие: Определяет степень размытия тени. Чем больше значение, тем более размытая тень.

• Растяжение (необязательный параметр): Определяет, насколько тень будет расширена. Положительное значение расширяет тень, отрицательное — сжимает.

Цвет: Определяет цвет тени, чаще всего используется RGBA для добавления прозрачности.

Пример использования box-shadow:

.box {
	box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
}