CSS Squircle 生成器 — 圆角正方形
直观地设计 CSS 边框半径：四个独立的角滑块（以 px 或百分比表示）、用于即时圆圈和药丸的链接所有角的快捷方式，以及具有随机形状的有机斑点模式。
处理中...
0%
结果
此页面打开边框半径生成器，所有四个角都以 30% 相连，这是一个介于尖锐正方形和完整圆形之间的适度圆角。它不是真正的数学方圆（超椭圆），但它是单个 CSS 属性可以获得的最接近的值，并且是大多数设计系统在想要这种外观时所达到的值。
这个名字来自于 iOS 流行的圆角方形应用程序图标：每个角都有足够的曲线，让人感觉柔软和友好，但绝不会让形状看起来像圆形。正是出于这个原因，图标图块、卡片缩略图和现代头像框架都依赖于同一大致范围内的半径。
向上轻推链接滑块可获得更柔和、更圆形的感觉，向下轻推链接滑块可获得更清晰、更方形的感觉 - CSS 线会随着每次更改而更新，一旦曲线感觉适合您的图标或卡片，就可以复制。