CSSボックスシャドウジェネレーター

複数レイヤーのCSS box-shadowエフェクトをビジュアルに構築し、CSSコードをコピーできます。

CssBoxShadowGenerator.previewLabel

CssBoxShadowGenerator.layersLabel

Layer 1

CssBoxShadowGenerator.offsetX (4px)

CssBoxShadowGenerator.offsetY (4px)

CssBoxShadowGenerator.blur (10px)

CssBoxShadowGenerator.spread (0px)

CssBoxShadowGenerator.colorLabel

CssBoxShadowGenerator.opacityLabel (25%)

CssBoxShadowGenerator.insetLabel

CssBoxShadowGenerator.cssOutputLabel

box-shadow: 4px 4px 10px 0px #00000040;

Comments & Feedback

Comments are powered by Giscus. Sign in with GitHub to leave a comment.