CSSボックスシャドウ生成ツール

オフセット・ぼかし・広がり・色を指定するだけでbox-shadowのCSSコードをプレビューしながら作成できる無料ツールです。複数レイヤーの重ね合わせにも対応しています。

CSSボックスシャドウ生成ツールのよくある質問

複数の影を重ねることはできますか?
できます。「レイヤーを追加」ボタンで複数のbox-shadowレイヤーを重ね合わせ、より立体的な影を作成できます。
内側の影(inset)にも対応していますか?
対応しています。各レイヤーの「内側(inset)」チェックボックスで切り替えられます。