🎨 CSS 渐变生成器

CSS 渐变怎么用？

选择起始色、结束色和角度（0°=从下往上，90°=从左往右，180°=从上往下，135°=从左上往右下），预览区实时显示效果。 点击「复制 CSS」即可把 background: linear-gradient(135deg, #667eea, #764ba2) 粘贴到自己的网页样式中。 也可作为按钮、卡片、标题的背景渐变。

常见问题

Q：怎么生成渐变背景？

A：选两个颜色、调整角度，工具实时预览线性渐变并生成对应 CSS 代码，复制即用。

Q：只支持线性渐变吗？

A：当前以双色线性渐变为主，可调节角度与起止色；复制的 CSS 可直接粘进样式表。本地生成。

Q：生成的 CSS 能直接用在 Vue 或 React 里吗？

A：能。复制的是标准 linear-gradient 值，任何前端框架与样式表都能直接用；纯本地生成、不上传。