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.