sombra bacancita con CSS

metí un div con la clase cuadro, y le chanté este CSS, que quedó pulentito.

.cuadro:before {content: ""; position:absolute; background:transparent; width:90%; height:90%; z-index:-1; left:7%;
-webkit-box-shadow: 0px 10px 9px -2px rgba(0, 0, 0, 0.5);
box-shadow: 0px 10px 9px -2px rgba(0, 0, 0, 0.5);
transform:rotate(4deg);
-ms-transform:rotate(4deg); /* IE 9 */
-moz-transform:rotate(4deg); /* Firefox */
-webkit-transform:rotate(4deg); /* Safari and Chrome */
-o-transform:rotate(4deg); /* Opera */}
.cuadro {width:200px; height:100px; margin:40px 0; background:orange; position:relative; }
.cuadro:after {content: ""; position:absolute; background:transparent; width:90%; height:90%; z-index:-1; left:3%;
-webkit-box-shadow: 0px 10px 9px -2px rgba(0, 0, 0, 0.5);
box-shadow: 0px 10px 9px -2px rgba(0, 0, 0, 0.5);
transform:rotate(-4deg);
-ms-transform:rotate(-4deg); /* IE 9 */
-moz-transform:rotate(-4deg); /* Firefox */
-webkit-transform:rotate(-4deg); /* Safari and Chrome */
-o-transform:rotate(-4deg); /* Opera */}