返回
CSS 阴影与圆角
颜色与配色
正在载入
正在加载工具
工具代码会在打开时按需载入，请稍候。
本工具的全部运算都发生在你的浏览器中，输入内容不会发送到任何服务器。
关于这个工具
这是一个在浏览器本地运行的 CSS 阴影与圆角生成器。通过预设或实时调节双层阴影、边框和圆角，直接复制样式代码。
常见用途
- 为卡片、按钮和浮层快速生成 box-shadow。
- 调节圆角、边框和阴影组合并核对视觉效果。
使用方法
- 1.选择一个阴影预设，或分别调整两层阴影参数。
- 2.设置背景、边框和圆角，查看右侧实时预览。
- 3.复制生成的 CSS 代码并粘贴到项目中。
限制与说明
- 预览使用固定示例卡片；生成的 CSS 不会修改当前站点样式。
常见问题
可以生成多层阴影吗？
可以，工具支持两层独立阴影，并可分别设置偏移、模糊、扩散、颜色、透明度和内阴影。
输入会上传吗？
不会，所有参数、预览和 CSS 代码都只在当前浏览器中生成。