CSS 渐变生成器

可视化拖拽 · 实时预览 · 一键复制 CSS

渐变设置
0° 90° 360°
预览 & CSS 代码 
background: linear-gradient(90deg, #ff0000 0%, #0000ff 100%);
拖动色标调整位置，点击色标修改颜色，实时生成标准 CSS 渐变代码。