圆角生成器
独立设置每个角的圆角半径,实时查看形状变化,然后复制 CSS。
四角联动
常见问题
和只设置一个 border-radius 值有什么区别?
单个数值会让四个角以相同的弧度圆角化。这个工具可以让你独立设置每个角,适合制作只有上方两角是圆角的卡片,或者不对称的“不规则形状”等效果。
使用的单位是什么?
像素(px)。如果你需要基于百分比的圆角(无论元素尺寸如何都能得到完美的圆形/椭圆),可以手动调整生成的 CSS,把每个数值的 px 换成 %。
这些内容会被发送到别的地方吗?
不会。预览和 CSS 完全在你的浏览器中生成,不会上传任何内容。