У меня есть два блока, один выше другой ниже, первому приделал тень а как его вынести на первый план не знаю, подскажите как реализовать такую штуку, что бы тень первого блока падала на второй
Без position relative тут не обойтись) ну и дальше z-индексами обычными позиционировать выше или ниже.
.block1 {
position: relative;
height: 30px;
width: 200px;
background-color: #afaebf;
z-index: 2;
box-shadow: 0 13px 9px rgba(0,0,0,0.5);
}
.block2 {
position: relative;
height: 50px;
width: 200px;
z-index: 1;
background-color: #599187;
}
<div class="block1">
<div class="block2">