CSS 阴影生成器

可视化生成 CSS box-shadow 声明——无需上传。

4px
4px
10px
0px
CSS 输出


在线创建 CSS 阴影

调整水平和垂直偏移、模糊半径、扩展、颜色以及内阴影开关,打造完美阴影。CSS 输出实时更新,可直接复制到样式表中。

全程在浏览器本地运行——你的数据不会离开设备。

常见问题

可以使用多个阴影吗? 可以——复制生成的值,在 CSS 中用逗号分隔多个值即可。

我的数据会被发送吗? 不会——一切都在浏览器中处理。

相关工具

热门工具