使用步骤
- 选择「统一圆角」或「各角独立」模式。
- 拖动滑块或输入数值调整每个角的圆角半径。
- 调整元素尺寸和背景颜色，确认后复制生成的 CSS 代码。
设计工具
圆角生成器
可视化编辑 border-radius，支持统一圆角与各角独立控制，生成 CSS。
本地简单运行
使用指南
开始使用
通过滑块和输入框调整元素的圆角大小，支持统一设置和四个角独立控制两种模式。
使用例子
- 为一个按钮卡片设置 12px 统一圆角。
- 创建只有左上和右下圆角的不对称形状。
加载中
圆角生成器
工具微前端加载中。
设计工具
可视化编辑 border-radius，支持统一圆角与各角独立控制，生成 CSS。
使用指南
通过滑块和输入框调整元素的圆角大小，支持统一设置和四个角独立控制两种模式。
加载中
工具微前端加载中。
设计工具
可视化编辑 border-radius，支持统一圆角与各角独立控制，生成 CSS。
支持统一圆角和各角独立模式，实时预览并生成 CSS 代码。