Box Shadow 生成器
Box Shadow 生成器允许逐层添加外阴影或内阴影，各自设置 X/Y 偏移、模糊半径、扩散与透明度，叠加出真实的立体感，预览确认后输出完整的 box-shadow 值直接写进样式表。
永久免费本地计算 · 零上传
🔒 全程在浏览器内计算，输入内容不会离开您的设备。
怎么用
- 新增一层并选择外阴影或内阴影
- 调节偏移模糊扩散与颜色
- 叠加多层营造柔和投影
- 复制合成后的 box-shadow
典型场景
卡片悬浮态加自然投影增强层次
按钮做轻微内阴影表达按压感
弹窗叠深色阴影突出浮起效果
常见问题
能叠加几层阴影？
可添加多层，逗号分隔合并到一条 box-shadow 声明。
inset 有什么用？
标记为内阴影，投在元素内部常用于凹陷与边框光。
预览和真实一致吗？
预览按同一 CSS 渲染，复制后表现一致。