DAs Gaming

CSS box-shadowジェネレーター

SHADOW BUILDER

シャドウを編集

最大8レイヤー

LIVE PREVIEW

プレビュー

生成されたCSS

box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.18);

CSSをそのままスタイルシートへ貼り付けられます。

CSS box-shadowジェネレーターについて

box-shadowは要素の外側または内側に影を追加するCSSプロパティです。このツールでは複数の影を重ね、実際の表示を確認しながらCSSを作成できます。

主な機能

使い方

  1. プリセットを選ぶか、レイヤーの数値・色・透明度を調整します。
  2. プレビューで影の広がりや重なり方を確認します。
  3. コピーを押してCSSを利用します。

プライバシー

入力値と生成結果はブラウザ内だけで処理され、外部へ送信されません。