CSS 盒子阴影生成器
box-shadow: 4px 4px 10px 0px rgba(0, 0, 0, 0.15);Drop Shadow
最后更新：2026 · 免费在线工具
什么是 CSS 盒子阴影生成器？
免费在线可视化编辑器，创建CSS box-shadow并复制代码
使用方法
- 1 选择预设 — 使用预设按钮快速开始。
- 2 调整滑块 — 使用X/Y偏移、模糊和扩散滑块调整阴影。
- 3 预览 — 在上方预览中实时查看结果。
- 4 复制CSS — 使用复制按钮获取box-shadow CSS。
相关工具
常见问题
可以，使用'添加阴影'按钮可以叠加多个阴影。
支持，在每个阴影上启用Inset复选框即可创建内阴影。
提供5种预设：Subtle、Medium、Large、Inset和Double。
可以，在颜色输入框中直接输入rgba(0,0,0,0.15)格式即可。
不会。所有计算都在浏览器中完成。