CSS
CSS渐变生成器
创建线性、径向和锥形CSS渐变并实时预览
渐变类型
颜色节点
0%
100%
生成的CSS
background: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);预设
FAQ
常见问题
关于CSS渐变的所有信息
什么是CSS渐变？
CSS渐变是两种或多种颜色之间的平滑过渡，无需图像即可创建。分为线性（从一点到另一点）、径向（从中心向外）和锥形（围绕中心点旋转）类型。所有现代浏览器均支持。
颜色节点是如何工作的？
颜色节点定义颜色及其在渐变中出现的位置（0-100%）。两个节点之间浏览器会自动创建过渡效果。您最多可以添加4个节点来创建复杂的渐变。