跳转到正文

渐变生成器

免费在线CSS渐变生成工具。创建线性和径向渐变,调整方向、颜色和停止点。一键复制代码。浏览器处理。

免费在线CSS渐变生成器。可视化设计线性、径向和锥形渐变,即时复制CSS代码。浏览器中处理,无服务器通信。适合网页设计背景、按钮和UI元素。

类型
角度
90°
颜色
0%
100%
CSS代码
background: linear-gradient(90deg, #2563eb 0%, #7c3aed 100%);
lock 文件不会上传到服务器

如何使用渐变生成器?

  1. 选择渐变类型。
  2. 添加色标并设置颜色。
  3. 复制生成的CSS代码。

渐变生成器常见问题

支持哪些渐变类型?

支持线性、径向和锥形渐变。

可以直接复制CSS代码吗?

是的,一键复制CSS渐变代码直接应用到网站。