注意
これらのツールは「vibe coding」で開発されています。
予期しない動作や不具合が発生する可能性があります十分ご注意ください。
予期しない動作や不具合が発生する可能性があります十分ご注意ください。
シャドウジェネレーター
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"