CSS 渐变生成器
可视化创建线性、径向、圆锥渐变，拖动色标调整位置，一键复制 CSS 代码。
点击轨道新增色标，拖动调整位置，点击下方删除按钮移除。
当前色标
预设渐变
linear-gradient(90deg, #ff7e5f 0.0%, #feb47b 100.0%)
常见问题
支持重复渐变吗？
当前版本不支持
repeating-* 重复渐变。可以通过添加多个色标、缩小色标间距来模拟类似效果。圆锥渐变的浏览器兼容性如何？
圆锥渐变（
conic-gradient）支持所有现代浏览器，包括 Chrome/Edge/Firefox/Safari，但不支持 Internet Explorer。