操作
开启独立控制
CSS
border-radius: 40% 60% 70% 30% / 30% 30% 70% 70%;
design / 可用工具
高级边框圆角生成器
通过直接拖拽或输入参数，可视化生成 CSS 的 8 点不规则圆角（Fancy Border Radius）代码。
CSS圆角设计
在线工具
圆角生成器
使用场景
- 有机形状卡片
- 动态变形按钮
- 特殊 UI 装饰
如何使用
- 1. 移动独立滑块控制各点弧度
- 2. 或切换到 8 点展开模式
- 3. 复制 border-radius 代码
示例输入输出
FAQ
斜线 / 的作用是什么？
CSS border-radius 的 / 可分别定义水平半径和垂直半径，以产生不规则椭圆。
工具列表
相关推荐
你可以从这里继续打开相近场景的工具，减少重复搜索。