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

Question

Чтобы создать падающую тень от блока, используется свойство box-shadow в CSS. Оно принимает значения для смещения по оси X, смещения по оси Y, размытия, растяжения и цвета тени.

Например, значение box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5); создаст тень, смещённую на 2 пикселя вправо и вниз, с размытием 5 пикселей.

YeaHub · Accepted Answer

Свойство box-shadow в CSS позволяет разработчикам добавлять тени к элементам, создавая эффект глубины и реалистичности. Оно принимает следующие параметры:Смещение по оси X: Определяет, насколько тень смещена по горизонтали от элемента. Положительное значение сдвигает тень вправо, отрицательное — влево.Смещение по оси Y: Определяет, насколько тень смещена по вертикали от элемента. Положительное значение сдвигает тень вниз, отрицательное — вверх.Размытие: Определяет степень размытия тени. Чем больше значение, тем более размытая тень.Растяжение (необязательный параметр): Определяет, насколько тень будет расширена. Положительное значение расширяет тень, отрицательное — сжимает.Цвет: Определяет цвет тени, чаще всего используется RGBA для добавления прозрачности.Пример использования box-shadow:.box {
	box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
}