关于此工具
CSS 渐变无处不在——主视觉背景、按钮、卡片——但手写语法和猜角度很麻烦。这个可视化构建器让你添加并拖动色标、设置角度，并在线性、径向和圆锥渐变之间切换，同时看着结果填满实时预览。
满意后，把现成的 background CSS 直接复制到你的样式表中。它完全在客户端运行，因此你可以尽情尝试——不会发送到任何地方。
常见问题
这个生成器会添加 -webkit-linear-gradient 这类浏览器前缀吗？
不会。带前缀的渐变语法只有 2012 年之前的老旧浏览器才需要，因此工具只输出标准的 linear-gradient()、radial-gradient() 和 conic-gradient()，所有现代浏览器都能识别。
我设计的渐变会被上传或保存吗？
不会。颜色节点、角度和预览效果全部在你的浏览器中实时生成，不会发送到任何服务器。
线性、径向和锥形渐变有什么区别？
线性渐变沿着指定角度的直线方向过渡颜色；径向渐变从中心点向外以同心圆方式扩散；锥形渐变则像色轮一样围绕中心点旋转过渡颜色。
我可以添加多少个颜色节点？
需要多少就加多少——点击“添加”即可插入新节点，可拖动滑块调整位置，除了最后两个节点外都可以删除。
生成的 CSS 可以直接粘贴到我的样式表里吗？
可以。点击“复制”，然后把 `background: ...;` 这一行直接粘贴到任何 CSS 规则或内联样式中，无需再做修改。