CSS 渐变生成器
添加颜色节点，选择线性、径向或锥形渐变，将生成好的 background CSS 代码直接复制到样式表中。可以从预设开始，也可以从零构建。
预设
类型
°
颜色节点
%
%
预览
CSS
常见问题
线性、径向和锥形渐变有什么区别？
线性渐变沿一条按所选角度确定的直线过渡颜色（0° 指向上方，90° 指向右方）。径向渐变从中心点向外以圆形或椭圆形过渡颜色。锥形渐变则像色轮一样，从所选角度开始围绕中心点旋转过渡颜色。三种类型都在所有现代浏览器中得到广泛支持。
我可以添加多少个颜色节点？
想加多少就加多少，每个节点都有自己的颜色和位置（0-100%）。位置决定该颜色在渐变中的居中位置，从而可以制造出锐利的过渡（节点靠近）或柔和的混合（节点分散）。
使用预设后是否就被固定在那个确切的渐变上？
不会。点击预设只是把它的类型、颜色和节点作为起点加载到编辑器中——之后每个控制项都仍可完全编辑，你可以调整角度、添加节点或更改颜色，把它变成你自己的渐变。
我能把这个渐变用作背景图片，而不仅仅是纯色背景吗？
可以，生成的代码是 background 或 background-image CSS 属性的合法值。它适用于任何使用背景图片的地方，包括通过逗号分隔的 background-image 列表与真实图片叠加使用。