CSS 渐变生成器

每个渐变可以包含多个图层，每个图层都有独立的类型、角度和颜色。生成的是无需浏览器前缀的纯 CSS，可直接粘贴到项目中。页面链接会保存你的渐变，方便分享或稍后继续编辑。

如何使用渐变生成器

选择渐变类型
为每个图层选择线性、径向或锥形。线性沿直线混合颜色，径向从中心点向外扩散，锥形则围绕中心旋转。

调整颜色和图层
点击颜色条添加色标，拖动色标调整位置，并设置任意带透明度的颜色。点击添加图层按钮，即可在上方叠加另一个渐变。

预览设计效果
在六种形状上查看渐变：全屏、正方形、横向和纵向矩形、圆形和星形。还可以更改形状后面的背景。