圆角生成

怎么用

1. 拖动四根滑杆，分别设定左上、右上、右下、左下的圆角值。
2. 按布局需要切换单位：px、百分比、rem。
3. 拖动时预览盒子实时变形。
4. 点 Copy 复制 CSS —— 相等的角会自动合并成最短简写。

常见用法

• 设计卡片与按钮 —— 动手改代码前先找到和组件尺度匹配的圆角。
• 学懂简写规则 —— 直观看 1 个、2 个、3 个、4 个值分别对应哪些角。
• 还原设计稿 —— 从设计文件里量出圆角，把精确 CSS 交给团队。
• 做胶囊形状 —— 把百分比单位拉到 50%，得到完全圆润的两侧。

常见问题

问：简写合并是怎么算的？ 答：四角相等合并成 1 个值；对角相等合并成 2 个值（左上/右下与右上/左下）；右上与左下相等时省掉第 4 个值；其余情况保留 4 个值。

问：50% 和 50px 看起来为什么不一样？ 答：百分比圆角按盒子边缘缩放，宽矩形上 50% 会变成胶囊形；固定 px 值则不随盒子大小变化，始终是同样的绝对尺寸。

问：支持椭圆圆角（斜杠语法）吗？ 答：不支持，本工具只生成单一半径形式。需要水平和垂直半径不同时，请在复制出的 CSS 上手动扩展。