🎨 CSS 渐变生成器
可视化创建精美的 CSS 渐变效果
渐变类型
角度控制
°
颜色设置
0%
100%
预设模板
预览
CSS 代码
.element {
background: linear-gradient(135deg,
#f97316 0%,
#ec4899 100%);
}快速使用
单行版本
background: linear-gradient(135deg, #f97316 0%, #ec4899 100%);可视化创建精美的 CSS 渐变效果
.element {
background: linear-gradient(135deg,
#f97316 0%,
#ec4899 100%);
}单行版本
background: linear-gradient(135deg, #f97316 0%, #ec4899 100%);