实时预览
修改颜色、类型和角度时立即更新背景效果。
CSS Tool
CSS 渐变生成器
调整类型、角度与颜色，实时生成可复制的 CSS background 代码。
线性与径向
支持linear-gradient和radial-gradient两类常用CSS渐变。
无需图片
复制一行CSS即可生成响应式高清背景，减少图片资源请求。
CSS 渐变背景怎么写？
线性渐变使用
linear-gradient(角度, 颜色1, 颜色2)，径向渐变使用
radial-gradient(circle, 颜色1, 颜色2)。它们都可以直接赋值给background属性。
CSS渐变可以添加多个颜色吗？
可以，每个颜色都称为一个色标。加入百分比位置还能精确控制颜色从哪里开始过渡。
渐变背景会影响性能吗？
普通静态渐变由浏览器直接绘制，通常比加载大尺寸背景图片更轻量。频繁动画渐变时仍应注意重绘成本。