CSS 圆角生成器

关于这个工具

可视化设计圆角并复制精确的 CSS。四个角各有一个滑块,开启高级模式后每个角还能分别设置水平和垂直半径——这种椭圆形式可以做出有机的“水滴”形状和不对称卡片。

拖动滑块时预览实时更新,生成的代码使用紧凑的四值(或带斜杠的八值)border-radius 简写。单位为像素。全部在浏览器本地运行,数据不上传。

相关工具

CSS Box ShadowCSS Gradient GeneratorCSS Text Shadow