CSS渐变代码怎么写？在线渐变生成器

更新时间：2026年6月 | 阅读约3分钟

CSS渐变类型

线性渐变：沿一条直线渐变
径向渐变：从中心向外渐变
锥形渐变：绕中心旋转渐变

🔨 立即使用CSS渐变生成器工具

在线免费使用，无需安装，打开即用

打开CSS渐变生成器 →

常见问题

CSS渐变支持哪些方向？

支持四个方向、对角线、角度和径向渐变。

旧浏览器兼容吗？

现代浏览器都支持，IE9及以下需要降级。