Lifted corners

by mlms13

HTML

<div></div>

CSS

body {
    background: #eee;
    margin: 40px;
}
div {
    background: #fff;
    box-shadow: 0 0 3px rgba(0,0,0,0.25);
    height: 220px;
    position: relative;
    width: 350px;
}
div:before, div:after {
    background: transparent;
    bottom: 26px;
    box-shadow: 0 30px 8px rgba(0,0,0,0.5);
    content: "";
    height: 30px;
    position: absolute;
    width: 48%;
    z-index: -1;
}
div:before {
    left: 2%;
    -webkit-transform: rotate(-3deg);
}
div:after {
    right: 2%;
    -webkit-transform: rotate(3deg);
}