⬭ CSS圆角生成器

关于

这个CSS圆角生成器是一个免费且支持离线使用的工具，提供三种编辑模式：简单模式可同时调整四个角落，每个角落模式可独立精细调整每个角落，椭圆模式可为每个角落分别设置水平和垂直半径——完全掌握CSS border-radius简写语法的全部功能。实时的SVG角落图示会实时反映每一次更改，Blob随机化按钮使用加密随机算法生成现代UI设计中流行的有机形状。由于所有功能都在浏览器中运行，您的设计将保持私密，即使没有互联网连接，该工具也能正常工作。

如何使用

1. 选择一种模式——简单模式（所有角落）、每个角落模式或椭圆模式（分别设置x/y半径）——使用控制面板顶部的按钮。
2. 拖动滑块或直接在数字输入框中输入数值，以设置每个角落的半径。实时预览和SVG图表会立即更新。
3. 点击Blob随机化，使用独立的椭圆半径生成随机的有机形状——非常适合装饰性UI元素和首屏背景。
4. 在输出框中查看生成的CSS简写形式——该工具会自动应用最短的有效语法（例如，合并相同的值）。
5. 点击复制CSS，将代码复制到剪贴板，然后直接粘贴到您的样式表或设计工具中。

常见问题

这个CSS圆角生成器是完全免费的吗？

是的，100%免费，无需账户、无需订阅，也没有隐藏的限制。打开页面即可立即生成border-radius CSS。

这个工具可以在离线或没有网络连接的情况下使用吗？

是的。该工具完全在您的浏览器中运行，无需服务器调用。页面加载后，您可以断开网络连接，它仍将继续工作。您的最后设置也会在本地浏览器中保存。

我的设计数据会被保密吗？

完全保密。没有任何数据会离开您的浏览器——没有上传，没有对您的输入进行分析，也没有服务器存储。所有内容都保留在您的设备上。

椭圆模式有什么作用？

椭圆模式允许您为每个角落的四个角分别设置水平（x）和垂直（y）半径，生成完整的CSS border-radius简写形式，并使用斜线符号表示——例如，border-radius: 40% 20% / 20% 40%。这解锁了简单模式和每个角落模式无法创建的不对称和蛋形形状。

Blob随机化按钮是做什么的？

Blob随机化使用加密随机算法，通过为所有八个角落轴组合分配随机椭圆半径，生成一个有机、不规则的形状。它非常适合用单击操作创建现代着陆页、头像和装饰背景中常见的流体Blob形状。

此工具会上传我的数据吗？

不会。所有操作都在您的浏览器中完成，因此您的数据永远不会离开您的设备 — 甚至在页面加载后也可以离线使用。