Как сделать тени для блоков (карточка товара)?

Question

[pasha bpv]

На скриншоте показано как нужно сделать тень для блоков. Как лучше реализовать?

Answer 1

[Юрий Лобанов]

codepen.io/iiil/pen/qblcD
правда если фон не однородный, то такое решение не подойдет.

Answer 2

[pasha bpv]

Вообщем сделал таким образом:
1- блоку задал такие свойства ->
display: block;
width: 100%;
overflow: hidden;
padding: 2px;

2-блок ->
margin: 10px 0 0 0;
width: 482px;
height: 51px;
padding: 19px 16px;
position: relative;
bottom: -4px;

&:hover {
background: #fff;
box-shadow: inset 3px 0 5px -3px rgba(150,79,23,0.32),inset 0 3px 5px -3px rgba(150,79,23,0.32);
transition: .7s;

}

Answer 3

[Lisonok]

Разделите на три блока

Answer 4

[Дмитрий]

свойство box-shadow. Там используется несколько div для этого.