Как сделать тень с трех сторон?

Question

есть тень box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.1)

но оно задается со всех четырех сторон

нужно убрать её снизу ( а по другим сторонам оставить)

Answer 1

box-shadow: 0px -5px 5px 5px #888888;

Answer 2

#el {
  box-shadow: rgba(0, 0, 0, .7) 0 -2px 4px;
  background: green;
  width: 100px;
  height: 100px;
}

<div id="el"></div>

Всё делаем по такой формуле чтобы тень снизу всегда не была бы видна:

box-shadow: ЦВЕТ 0 -(РАЗМЫТЫЕ_ТЕНИ ÷ 2) РАЗМЫТЫЕ_ТЕНИ;

То есть в вашем случае это должно быть так:

box-shadow: rgba(0, 0, 0, 0.1) 0 -15px 30px;

(Сделал цвет другой и менее прозрачным чтобы лучше было видно)

#el {
  box-shadow: rgba(255, 0, 0, 1) 0 -15px 30px;
  background: green;
  width: 100px;
  height: 100px;
}

<div id="el"></div>