ISSHUN TOOL · BOX-SHADOW-GENERATOR

ボックスシャドウ

位置、ぼかし、拡散、色からbox-shadow CSSを生成します。

X（px）Y（px）ぼかし（px）拡散（px）色不透明度

プレビュー

生成CSSbox-shadow: 0px 8px 24px 0px rgba(21, 53, 44, 0.18);

ボックスに使う影のCSSを作成します。プレビューで濃さと広がりを確認できます。