外側に影をつける
box-shadow: 10px 10px 10px rgba(0,0,0,0.4);
-moz-box-shadow: 10px 10px 10px rgba(0,0,0,0.4);
-webkit-box-shadow: 10px 10px 10px rgba(0,0,0,0.4);
-o-box-shadow: 10px 10px 10px rgba(0,0,0,0.4);
-ms-box-shadow: 10px 10px 10px rgba(0,0,0,0.4);
内側に影をつける
box-shadow: 10px 10px 10px rgba(0,0,0,0.4) inset;
-moz-box-shadow: 10px 10px 10px rgba(0,0,0,0.4) inset;
-webkit-box-shadow: 10px 10px 10px rgba(0,0,0,0.4) inset;
-o-box-shadow: 10px 10px 10px rgba(0,0,0,0.4) inset;
-ms-box-shadow: 10px 10px 10px rgba(0,0,0,0.4) inset;
横方向の距離、縦方向の距離、影までの距離、影の広がりの距離、影の色、insetをつけると内側に影がつきます。
