CSS圆角生成器
四个角分别调圆角,复制 border-radius。
这个工具能做什么
四个滑块分别控制左上、右上、右下、左下的圆角半径,方块实时变形,可以做出不对称的异形圆角。下方给出 border-radius 代码。做卡片、头像、气泡、按钮的圆角时边拖边看,找到合适的弧度直接复制。
处理全部在你自己的浏览器里完成,输入的内容不会上传到服务器,用着放心。
CSS圆角生成器是一个免费的在线工具,打开网页就能用,不用下载也不用注册。平时大家搜的“css圆角”、“border-radius生成器”、“圆角代码”,说的都是这个。
使用方法
- 填入颜色值,或用取色盘、滑块设置好参数。
- 结果和预览会实时更新,无需点按钮。
- 点色值卡片或「复制」按钮,即可把结果带走。