CSS Box Shadow 生成器
通过滑块直观调整 box-shadow。多层、inset 切换、实时预览、一键复制 CSS。
完全免费
无需注册
浏览器内完成
5 种语言
深色模式
阴影层
预览
12px
CSS
预设
❓ 常见问题
在哪里粘贴？
在任何 CSS 选择器内。例：.card { box-shadow: ... }
inset 是什么？
在元素内部绘制阴影。可用于按钮按下效果
为什么组合多个阴影？
叠加柔和的近影和较长的远影可创建真实立体感 (Material Design / Apple HIG 常用)
🐛 此工具出现问题了吗？
免费、无需注册。仅提供复现步骤也有帮助。报告将直接发送给运营者并用于改进。
✅
感谢您的反馈！
已送达运营者,将用于改进工具。