CSS 渐变生成

交互式创建线性、径向、圆锥渐变并预览代码

Generated CSS

background: linear-gradient(90deg, #6366f1 0%, #ec4899 100%);

渐变设置

类型 (Type)

角度 (Angle)

90°

颜色断点 (Stops)

Pos: 0%#6366f1

Pos: 100%#ec4899

兼容性说明

生成的代码符合 W3C 标准，适配 Chrome, Safari, Firefox 及 Edge 等现代浏览器。如果您需要适配更古旧的浏览器，可能需要添加 `-webkit-` 等前缀。