Box Shadows

Box Shadows: different shapes.

by bruscopelliti

HTML

<div class="box shadow"></div>

CSS

.box {
    background:#FFF;
    border:1px solid #333;
    height:160px;
    margin:10px;
    width:320px;
}
.shadow {
    position: relative;
}
.shadow:before {
    bottom: 8px;
    box-shadow: 0 15px 10px rgba(0, 0, 0, 0.6);
    content:"";
    left:3px;
    max-width: 300px;
    position: absolute;
    top: 70%;
    -webkit-transform: rotate(-3deg);
    width: 50%;
    z-index: -1;
}
.shadow:after {
    bottom: 8px;
    box-shadow: 0 15px 10px rgba(0, 0, 0, 0.6);
    content:"";
    left:157px;
    max-width: 300px;
    position: absolute;
    top: 70%;
    -webkit-transform: rotate(3deg);
    width: 50%;
    z-index: -1;
}
* {
    -webkit-box-sizing: border-box;
}