要素の内側にシャドウを付ける

要素の内側にシャドウを付ける

box-shadowに「inset」を付けることで影が内側になる。

box-shadow:0 8px 12px -8px #222 inset;
@include box-shadow( 0 8px 6px -8px rgba(0, 0, 0, 0.3) inset);

参考サイト

Nuta.log
ボックスの1辺だけに影をつける
http://blog.nuttari.net/2012/10/29/describe-shadow-effect-only-on-one-side