🔳 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 声明在所有现代浏览器中都受支持,无需厂商前缀。