CSS 渐变生成器
在这个标签页里运行。不上传。
CSS
使用步骤
设计 CSS 背景渐变并复制代码。不上传。
选择类型或预设
从预设或「随机」开始，再选择线性、径向或锥形，设置角度或形状。
设置颜色
修改每个颜色并拖动它的位置。最多六个颜色；点 × 删除一个。
复制 CSS
点「复制 CSS」粘贴到样式表里，或选择尺寸后点「保存 PNG」当壁纸。
常见问题
怎么制作 CSS 渐变？
选择类型（线性、径向或锥形），设置颜色和位置，再调整角度或形状。CSS 会随时更新；点「复制 CSS」即可。
什么是色标？
色标就是渐变上某个位置（0% 到 100%）的颜色。最多可添加六个色标；渐变会按位置顺序在它们之间过渡。
为什么有两行 background？
第一行是纯色，给很老的浏览器用；第二行才是渐变。现在的浏览器都会使用渐变。
能把渐变保存成图片吗？
能。选择尺寸（电脑、手机、1440p 或方形），点「保存 PNG」。图片在你的浏览器里绘制。
线性、径向还是锥形？
线性沿某个角度的直线过渡（90° 是从左到右）。径向从中心以圆形或椭圆向外扩散。锥形像色环一样绕着中心旋转。