<gradient> 是一种<image>CSS数据类型的子类型，用于表现两种或多种颜色的过渡转变。

<gradient> 没有内在尺寸；即，不具备固有或首选的尺寸，也不具备首选的比率。其实际的大小取决于其填充元素的大小。

语法

渐变函数

<gradient> 数据类型由下列函数定义。

线形渐变

颜色值沿着一条隐式的直线逐渐过渡。由linear-gradient()产生。

线性渐变

径向渐变

颜色值由一个中心点（原点）向外扩散并逐渐过渡到其他颜色值。由radial-gradient()函数产生。

径向渐变

重复渐变

重复多次渐变图案直到足够填满指定元素。由 repeating-linear-gradient()和repeating-radial-gradient()函数产生。

重复渐变