Как сделать тень объекту css

Для создания тени объекту в CSS можно использовать свойство box-shadow. Например:

HTML:

<div class="block"></div>

CSS:

.block {
  width: 200px;
  height: 200px;
  background-color: red;
  box-shadow: 5px 5px 10px 0 rgba(0, 0, 0, 0.5);
}

Значения для свойства box-shadow задаются через пробел. Первые два значения — это сдвиг тени по горизонтали и вертикали, следующие два значения — это размытие и размер тени. Последнее значение — это значение цвета тени в формате rgba. Вы можете менять значения по своему усмотрению и доступным вам инструментам.