CSS 渐变生成器
可视化调节线性、径向、锥形渐变，实时预览并一键复制 CSS 代码，支持导出图片
-
使用说明
- 拖动角度滑杆调节方向；色标可增删，位置用百分比表示。
- 复制得到的 CSS 可直接用于背景：
background: linear-gradient(...)。 - 下载图片为 1200×800 PNG，适合做背景图、封面、社媒配图。
常见问题
渐变有硬边怎么办？
把相邻两个色标的位置拉开（例如 40% 与 60%），或减少色标数量；硬边通常来自两个色标位置相同。
为什么复制到浏览器里没有效果？
请确认使用的是
background-image 或 background，且容器有宽高。部分旧版浏览器不支持 conic-gradient。相关工具
