ボックスシャドウ生成

ずれ・ぼかし・広がり・色・insetを調整してCSSをコピーします。

X方向ずれ（px）Y方向ずれ（px）ぼかし（px）広がり（px）

影の色不透明度 %内側の影（inset）

プレビュー

CSS

box-shadow: 8px 12px 24px 0px rgba(31, 41, 51, 0.35);

このブラウザ内だけで生成します。送信はしません。

影は1層のみ。複数の影の重ね合わせや `filter: drop-shadow` は手書きCSSが必要です。

使い方

`box-shadow` の1層の影を出力します。影の重ね合わせやdrop-shadowフィルタは手書きCSSが必要です。