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

box-shadow を視覚的に調整し、複数レイヤーの重ね付けに対応
シャドウ設定
シャドウレイヤー 1
X: 0
Y: 4
ぼかし: 14
広がり: 0
15%
プレビュー
生成された CSS
box-shadow: 0px 4px 14px 0px rgba(0,0,0,0.15)px;
© 2026 秋云工具 ローカルで安全に処理