Поставил резиновый box-shadow, но не получается сделать внутри бокса отступы для содержимого...
css;
Код
.box4 {
position: relative;
width: auto;
height: auto;
margin: auto;
box: center;
background: #fff;
box-shadow: 0 1px 2px rgba(0,0,0,0.25), 0 0 10px rgba(0,0,0,0.1) inset;
border-radius: 1% 1% 1% 1% / 1% 1% 1% 1%;
}
.box4:before {
content: '';
position: absolute;
z-index: -1;
bottom: 12px;
left: 10px;
width: 50%;
height: 20%;
box-shadow: 0 15px 13px rgba(0, 0, 0, 0.6);
-webkit-transform: rotate(-3deg) skew(-0deg);
-moz-transform: rotate(-3deg) skew(-0deg);
-ms-transform: rotate(-3deg) skew(-0deg);
-o-transform: rotate(-3deg) skew(-0deg);
transform: rotate(-3deg) skew(-0deg);
}
.box4:after {
content: '';
position: absolute;
z-index: -1;
bottom: 12px;
right: 10px;
width: 50%;
height: 20%;
box-shadow: 0 15px 13px rgba(0, 0, 0, 0.6);
-webkit-transform: rotate(3deg) skew(0deg);
-moz-transform: rotate(3deg) skew(0deg);
-ms-transform: rotate(3deg) skew(0deg);
-o-transform: rotate(3deg) skew(0deg);
transform: rotate(3deg) skew(0deg);
}
Скриншот