没有圆角的圆？CSS-Border-radius竟然做不到，看来以后都用这个生成器了！

超越 CSS Border-Radius，开启超椭圆设计新纪元

在界面设计的广阔世界里，圆角矩形可谓是点亮画面、化腐朽为神奇的常见元素。它们能赋予画面柔和圆润的视觉体验，令用户倍感亲切和舒适。然而，传统的 CSS Border-Radius 属性只能生成简单的圆角矩形，无法满足日益多元化的设计需求。

超椭圆：圆润四角，弯曲边缘

超椭圆是一种由数学家 Johann Bernoulli 在 17 世纪提出的特殊曲线。它拥有圆润的四角和弯曲的边缘，介于圆形和正方形之间，在设计领域有着广泛的应用。超椭圆可用来创建圆角矩形、按钮、图标等各种元素，为设计师提供了更加自由和创新的发挥空间。

Superellipse 生成器：超椭圆的得力助手

Superellipse 生成器是一款在线工具，旨在帮助设计师轻松生成超椭圆形状。前往网站 superellipse.xyz，即可免费使用这款强大的工具。

Superellipse 生成器的强大功能

• 形状自定义： 通过拖动滑块，可调整超椭圆的圆度、倾斜度和曲率，生成符合特定需求的形状。
• 大小调整： 可输入数值或拖动滑块，自由调整超椭圆的大小，满足不同尺寸的需求。
• 颜色选择： 提供颜色选择器和吸管工具，可轻松选择和定制超椭圆的颜色。
• 透明度调节： 支持拖动滑块或输入数值，调整超椭圆的透明度，打造半透明效果。
• 导出格式： 支持 PNG 和 SVG 两种导出格式，方便在各种设计软件中使用。

Superellipse 生成器的优势一览

• 操作简便： 无需编程基础，即可轻松上手，生成理想的超椭圆形状。
• 灵活自定义： 高度灵活的自定义选项，满足设计师对形状、大小、颜色和透明度的各种需求。
• 多元导出： 支持多种导出格式，兼容主流设计软件，方便无缝衔接工作流程。

Superellipse 生成器的应用场景

• 创建多样化的圆角矩形： 生成不同风格的圆角矩形，告别单调乏味的设计。
• 设计美观实用的按钮： 打造圆角按钮，比传统的方形按钮更显美观。
• 制作醒目的图标： 创建圆角图标，在界面中脱颖而出，吸引用户目光。
• 创造其他创新元素： 突破传统限制，使用超椭圆形状设计进度条、分页器等其他元素。

立即体验 Superellipse 生成器

还在苦苦寻找生成超椭圆形状的工具？Superellipse 生成器就是你的不二之选！操作简单、功能强大，助你将想象力化身为现实。前往 superellipse.xyz，开启超椭圆设计新纪元！

常见问题解答

1. Superellipse 生成器需要付费吗？
   答： 不，Superellipse 生成器完全免费使用，无需支付任何费用。

2. 生成的超椭圆形状可以商用吗？
   答： 是的，生成的超椭圆形状可用于商业用途，无需注明来源。

3. 如何导出高分辨率的超椭圆图像？
   答： 使用 SVG 导出格式，即可获得高分辨率的超椭圆图像，满足高品质打印需求。

4. Superellipse 生成器支持哪些浏览器？
   答： Superellipse 生成器在所有现代浏览器中均可正常运行，包括 Chrome、Firefox、Safari 和 Edge。

5. 如何联系 Superellipse 生成器的开发团队？
   答： 可在 GitHub 上提交问题或功能请求，开发团队将及时响应并提供帮助。

代码示例

// 使用 Superellipse 生成器生成的 CSS 代码

.superellipse-box {
  width: 200px;
  height: 200px;
  border-radius: 50% 50% 0% 0% / 50% 50% 0% 0%;
}