Box Shadow 生成器
可视化生成 CSS 盒阴影,支持实时预览与复制
X 偏移0px
Y 偏移20px
模糊40px
扩散0px
不透明度15%
box-shadow: 0px 20px 40px 0px #00000026;
使用说明
- • 拖动滑块实时调整阴影参数
- • 支持外阴影与内阴影(inset)
- • 生成的 CSS 代码可直接用于生产
- • 适合按钮、卡片、弹窗等 UI 元素
可视化生成 CSS 盒阴影,支持实时预览与复制
box-shadow: 0px 20px 40px 0px #00000026;