🇯🇵 日本語
🇺🇸 English
🇪🇸 Español
🇫🇷 Français
🇨🇳 中文
← トップへ戻る
CSS Box Shadow Generator
スライダーを動かして直感的にCSSのbox-shadowを生成します。
水平方向 (Horizontal Offset)
10
垂直方向 (Vertical Offset)
10
ぼかし (Blur Radius)
15
広がり (Spread Radius)
0
不透明度 (Opacity)
0.2
影の色
ボックスの色
背景の色
CSSコード
box-shadow: 10px 10px 15px 0px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 10px 10px 15px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 10px 10px 15px 0px rgba(0, 0, 0, 0.2);
コードをコピー