免费转换器
CSS 渐变 生成器
通过实时预览可视化生成CSS渐变。使用自定义颜色节点创建线性、径向和锥形渐变 — 免费且在客户端运行。
实时预览
CSS输出
.element {
background: linear-gradient(90deg, #6366f1 0%, #ec4899 100%);
}Gradient Type
角度 (90deg)
0°90°180°270°360°
Color Stops
#6366f10%
#ec4899100%
通过实时预览可视化生成CSS渐变。使用自定义颜色节点创建线性、径向和锥形渐变 — 免费且在客户端运行。
.element {
background: linear-gradient(90deg, #6366f1 0%, #ec4899 100%);
}使用可视化编辑器创建漂亮的 CSS 线性和径向渐变。选择颜色、调整停止点、更改方向或角度，并实时查看实时预览更新。复制生成的 CSS 代码（包括旧版浏览器的供应商前缀）并将其直接粘贴到样式表中。