什么是渐变生成器？

一款可视化 CSS 渐变构建工具，支持创建线性、径向和锥形渐变，并可添加无限色标。实时调整角度、位置和颜色，一键复制可直接用于生产环境的 CSS 代码。

使用方法

1. 第一步 — 选择渐变类型（线性、径向或锥形），使用角度滑块或预设按钮设置方向或角度。
2. 第二步 — 点击渐变条添加色标，通过拖拽或输入精确值来调整每个色标的颜色和位置。
3. 第三步 — 实时预览渐变效果，然后将生成的 CSS 代码复制到剪贴板，或下载为 CSS 文件。

结果

一位网页设计师需要制作日落主题的首屏背景。他选择 135° 线性渐变，在 0% 处设置橙色、50% 处设置玫瑰红、100% 处设置紫色，随即将 CSS 代码直接粘贴进样式表。

相关工具