CSS Box Shadow Generator
スライダーを動かして直感的に影（box-shadow）をデザインし、CSSコードをコピーできます。
設定
水平方向 (X Offset)
10px
垂直方向 (Y Offset)
10px
ぼかし (Blur)
15px
広がり (Spread)
0px
影の色 (Color)
不透明度 (Opacity)
0.2
内側の影 (Inset)
プレビュー
コピー
box-shadow: 10px 10px 15px 0px rgba(0, 0, 0, 0.2);
[ 広告 ]