Escrito em SCSS, mas pode ser facilmente convertido em SASS puro ( http://sass-lang.com/docs/yardoc/file.SASS_REFERENCE.html )
Copie e cole este mixin em seu arquivo SASS e então apenas adicione o mixin a qualquer elemento para adicionar sombras abaixo daquele elemento (atinge o efeito 3d dobrado). Certifique-se de que o Compass também esteja instalado http://compass-style.org/
@mixin fancy-box-shadow($color:rgba(0,0,0,.5), $left_shadow:-4deg, $right_shadow:4deg, $bottom:8px) {
position:relative;
background:#fff;
&:before, &:after {
position:absolute;
width:47%;
max-width:50%;
top:80%;
left:10px;
bottom:$bottom;
content:'';
z-index:-1;
@include single-box-shadow($color, 0, 15px, 15px);
@include rotate($left_shadow);
}
&:after {
right:10px;
left:auto;
@include rotate($right_shadow);
}
}