Border Radius 生成器

CSS border-radius 可视化编辑,四角独立设置

前端工具免费本地处理

Border Radius 生成器功能亮点

四角独立控制

每个角可单独调整,实现不对称圆角效果。

实时预览

拖动滑块即时预览圆角变化,所见即所得。

🔒

纯前端本地处理

所有操作在浏览器中完成,数据不上传服务器,保障隐私安全。

Border Radius 生成器常见问题

可以。取消链接按钮后,四个角可以分别设置不同的圆角值,实现不规则形状。

px是绝对像素值,%是相对于元素尺寸的百分比,50%可以创建椭圆或圆形效果。

将所有角设为50%即可创建圆形,前提是元素宽高相等。