渐变分为线性渐变 和 径向渐变。
线性渐变为: background-image:linear-gradient(angle,color-point) 其中angle表示取值;color-point表示颜色位置分布。
angle的取值为角度,可以理解为一个圆
详情见如下图所示:
径向渐变为: background-image:radient(【size at position】,color-point) 其中size at position表示径向渐变的半径以及圆心的位置;size表示圆的半径;position表示圆心的位置。详情见下图: