CSS渐变生成
可视化生成CSS渐变代码
CSS 渐变生成器
background: linear-gradient(to right, #3b82f6, #ec4899);输出
linear-gradient(to right, #3b82f6, #ec4899)
使用说明
选择两个颜色、渐变类型和方向，实时预览渐变效果并获取CSS代码。支持线性渐变和径向渐变，多种方向可选。直接复制CSS代码即可使用。
使用步骤
- 选择起始颜色和结束颜色。
- 设置渐变方向（线性/径向）和角度。
- 实时预览渐变效果。
- 复制 CSS 代码（gradient 或多颜色 stop）。
常见问题
可以添加多个颜色节点吗？
支持添加多个颜色停止点，创建多色渐变。拖动节点调整位置。
支持 CSS 变量吗？
支持，可输出带 var(--xxx) 变量的 CSS 代码。