什么是渐变生成器？

可视化 CSS 渐变生成器，支持线性、径向和键形渐变，可添加无限色标。实时调整角度、位置和颜色，一键复制 CSS 代码。

使用方法

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

结果

假设你想做一个日落主题的首屏背景。选择 135° 线性渐变，0% 设为橙色、50% 设为玫红、100% 设为紫色，然后把 CSS 粘贴进样式表就行了。

相关工具