仅浏览器已上线开发者工具

盒子阴影生成器

可视化设计 CSS 阴影并复制代码。

隐私说明。 在你的浏览器中运行——你输入的内容保留在本页面,不会发送到服务器。
预览设置
阴影层(1)
图层 1

推荐的后续步骤

相关工具

常见问题

水平和垂直偏移让阴影相对元素左右、上下移动;模糊半径使其边缘变柔(0 为硬边,数值越大越柔和);扩展半径在应用模糊之前放大或缩小阴影的尺寸。负的扩展会把阴影收进来,适合制作轻微的悬浮效果。

最后更新:2026-06-23。