シャドウジェネレーター

box-shadowを視覚的に調整できます。複数のシャドウレイヤーに対応。

プリセット

ボックス設定

シャドウ設定

シャドウ 1

プレビュー

生成されたコード

CSS

box-shadow: 0px 10px 20px 0px #00000033; border-radius: 8px;

Tailwind CSS

shadow-[0px 10px 20px 0px #00000033] rounded-lg

※ 複雑なシャドウはstyle属性で指定: style="0px 10px 20px 0px #00000033"