linear 与 radial 的区别
linear-gradient 沿一条直线过渡，通过角度控制方向：0deg 向上，90deg 向右，180deg 向下。写成 to right 也能表达方向，但角度更灵活。
radial-gradient 从中心向外辐射，适合做光晕、圆形卡片底色。它可以用 circle at 50% 50% 指定形状与圆心位置。
色标可指定位置，如 #22c55e 50%，让过渡在指定处发生；只写颜色则自动均分。渐变是 CSS 原生能力，不产生任何图片请求，性能优于背景图。
常见问题
为什么预览好看，页面里却不一样？
预览区是固定尺寸的方块。真实元素的长宽比不同，同一角度会呈现不同观感。建议在目标元素上实测，必要时配合 background-size 调整。
能叠加多个渐变吗？
可以。把多个 linear-gradient 用逗号分隔即可叠加，前一个在上层。本工具生成单层代码，多层可据此手动组合。
复制的代码怎么用？
直接把 background: …; 粘贴到 CSS 规则里即可。linear-gradient(...) 也能用于 border-image、文字渐变（配合 background-clip:text）等场景。