CSSボックスシャドウジェネレーター

box-shadow: 2px 2px 5px #333333;
-moz-box-shadow: 2px 2px 5px #333333;
-webkit-box-shadow: 2px 2px 5px #333333;

水平長さ： 2px

垂直長さ： 2px

ぼかし半径： 5px

影色：

背景色：

内側影：はいいいえ

CSSボックスシャドウジェネレーターとは？

CSSボックスシャドウ効果のオンラインデバッグツールは、CSS3ボックスシャドウ効果のオンラインデバッグとプレビューツールを提供します。CSS3のボックスシャドウプロパティを設定して、希望する効果が得られるまで調整できます。

box-shadow: h-shadow v-shadow blur spread color inset;

値	説明
h-shadow	必須。水平方向の影の位置。負の値も許可されます。
v-shadow	必須。垂直方向の影の位置。負の値も許可されます。
blur	オプション。ぼかし距離。
spread	オプション。影の大きさ。
color	オプション。影の色。CSSカラー値で完全な色のリストを確認してください。
inset	オプション。影を外側の影（初期状態）から内側の影に変更します。