设置
角度
135°
预设
颜色节点
CSS 代码
CSS 渐变生成器
工具功能
选择渐变类型（线性、径向或锥形），调整角度或形状，添加颜色节点并拖动其位置，然后复制即用 CSS。编辑时预览实时更新。点击预设色板即可将其作为起点应用。
使用方法
- 选择渐变类型：线性、径向或锥形。
- 调整角度（线性/锥形）或形状（径向）。
- 点击颜色色板更改颜色，或输入 HEX 值。
- 拖动位置滑块控制每种颜色的分布。
- 点击复制复制 CSS 代码。
常见问题
什么是线性渐变？
线性渐变沿指定角度的直线过渡颜色。CSS 写法为 `linear-gradient(135deg, #color1, #color2)`。角度决定方向：0° 从下到上，90° 从左到右，135° 为对角线。
什么是径向渐变？
径向渐变从中心点向外以圆形或椭圆形扩散颜色。CSS 写法为 `radial-gradient(circle, #color1, #color2)`，常用于聚光和发光效果。
什么是锥形渐变？
锥形渐变围绕中心点旋转过渡颜色，像色轮一样。CSS 写法为 `conic-gradient(from 0deg, #color1, #color2)`，适合饼图和加载旋转效果。
最多可以添加多少个色标？
本生成器最多支持 8 个色标。每个色标有颜色和位置（0–100%），拖动位置滑块即可调整每种颜色在渐变中的起点。
CSS 渐变在所有浏览器中都能用吗？
能。线性、径向和锥形渐变在所有现代浏览器中都受支持。生成器还会输出一个备用 background-color（第一个色标的颜色），供不支持渐变的极旧浏览器使用。