ボックスシャドウ生成の主な使い方・用途

• ✓カードUIのシャドウデザイン
• ✓ボタンの立体感表現
• ✓フォーム要素のフォーカス効果
• ✓モーダルの奥行き表現
• ✓Figmaデザインをコードに変換

使い方（ステップ別）

1. 1
   スライダーを調整する— X・Yオフセット・ぼかし・広がりをスライダーで設定します。
2. 2
   色と不透明度を設定する— シャドウの色と透明度を設定します。
3. 3
   CSSをコピーする— box-shadowプロパティのCSSをコピーします。

このツールの特徴

• ●X・Y・blur・spreadのスライダー調整
• ●インセットシャドウ対応
• ●不透明度（opacity）設定
• ●リアルタイムプレビュー