CSS渐变生成器

在实时预览中调整颜色、角度和渐变类型，直观地设计出线性或径向CSS渐变效果，然后一键复制精确的background-image代码——无需自己摸索色标百分比该怎么写。

所有处理都在你的设备上完成，不会发送任何内容到服务器。

角度90°

100%

CSS 代码

background-image: linear-gradient(90deg, #6366f1 0%, #ec4899 100%);

通过滑块可视化设计CSS box-shadow阴影效果，并复制生成的代码。

可视化设计圆角效果（包括不对称形状），并复制生成的CSS代码。

根据自定义根字体大小，在像素与rem单位之间相互转换。

一键创建柔和的多点网状渐变背景，并复制现成的CSS代码。

浏览完整的工具库，现在就开始使用你需要的功能 —— 完全免费，无需注册。