ボタン・カード・入力欄などに付ける CSS の影（box-shadow）を、スライダーを動かすだけで作れるコードジェネレーターです。横方向のずれ（X）・縦方向のずれ（Y）・ぼかし（blur）・広がり（spread）・影の色・不透明度をそれぞれ調整でき、リアルタイムのプレビューで「影の付き方」を見ながら詰められます。例えば Y のずれだけを大きくすれば下だけに落ちる影、X と Y を 0 にしてぼかしと広がりを上げれば全周に均一に広がる影、と狙った見た目をそのまま作れます。さらに「内側の影（inset）」に切り替えると、要素の内側にくぼんで見える影（へこみ表現）も作れます。出力は `box-shadow: 8px 8px 16px 0px rgba(0, 0, 0, 0.25);` のように CSS にそのまま貼り付けられる形で、ワンクリックでコピーできます。影の色はカラーピッカーで選び、不透明度はスライダーで指定するので、薄いやわらかい影から濃いはっきりした影まで自在です。入力した設定はすべてブラウザ内だけで処理し、サーバーへアップロード・保存・送信は一切行いません。インストール不要でブラウザだけで完結します。