阴影生成器

可视化构建 CSS box-shadow,支持多层叠加和内嵌阴影。


          
        

常见问题

“Inset”是做什么的?

把阴影从盒子外侧翻转到内侧,制造出内凹的效果,而不是悬浮的效果。

可以叠加多个阴影吗?

可以,点击“添加阴影层”即可叠加更多阴影,CSS box-shadow 原生支持用逗号分隔的多个值。把一个柔和的大阴影和一个更紧凑、更深的阴影叠加在一起,是制造更真实立体感的常用方法。

这些内容会被发送到别的地方吗?

不会。预览和 CSS 完全在你的浏览器中生成,不会上传任何内容。