CSS3 ボックス シャドウ box-shadow_html/css_WEB-ITnose

W3CSchool からの説明

構文:

box-shadow: h-shadow v-shadow ブラー スプレッド カラー インセット

コメント: box-shadow はボックスに 1 つ以上のシャドウを追加します。このプロパティは、影のコンマ区切りのリストで、それぞれ 2 ～ 4 の長さの値、オプションの色の値、およびオプションの inset キーワードで指定されます。省略された長さの値は 0 です。

値の説明

h-shadow	必須。水平方向の影の位置。負の値も許可されます。
v-shadow	必須。垂直影の位置。負の値も許可されます。
ぼかし	オプション。曖昧な距離。
拡散	オプション。影のサイズ。
カラー	オプション。影の色。 CSS カラー値を参照してください。
インセット	オプション。外側のシャドウ（アウトセット）を内側のシャドウに変更します。

例

1、box-shadow:10px 0px black

2. ボックスシャドウ:10px -10px 黒