🔍

🔳 CSS 阴影与圆角可视化编辑器

可视化设计现代多层 CSS 阴影和独立圆角曲线,实时预览并一键复制代码。完全免费。

⚙️ 阴影与圆角控制
#000000

👁️ 实时交互预览
Preview Box
box-shadow: 0px 10px 25px -5px rgba(0, 0, 0, 0.15);\nborder-radius: 16px;
❓ 常见问题

CSS box-shadow 中扩展半径与模糊半径有何区别?

模糊半径决定阴影边缘的柔和程度;扩展半径则在模糊前放大或缩小阴影形状的实际尺寸。

可以为每个圆角分别设置不同数值吗?

可以。取消圆角联动后,可分别设置左上、右上、右下和左下圆角。

生成的 CSS 代码兼容浏览器吗?

兼容。标准 box-shadow 和 border-radius 声明在所有现代浏览器中都受支持,无需厂商前缀。

🗓️ 更新于 2026-08-22

提交工具 BUG

你可能也会用到