CSS3 box-shadowの指定方法

今回はボックス（div,p など）に影（shadow）をつけるCSS3。
firefox, safari, Google Chromeで動作。

下記はbox-shadowの例。

box-shadow sample1 - jsdo.it - share JavaScript, HTML5 and CSS

（例）
　box-shadow: 5px 5px 10px #333;

で右下に5pxづつずれて10pxのびた#333の影がつけられる。

　box-shadow: [x軸] [y軸] [ぼかしの大きさ] [色] ;

という感じ。

-（マイナス）の指定も可能。
もちろん影の色の変更も可能。

参考サイト：CSS Lecture