CSS渐变被分为两类:线性渐变和径向渐变。
线性渐变
线性渐变是在一条直线上应用颜色的渐变。它可以实现水平、垂直和对角线渐变。下面是一个简单的线性渐变例子:
background: linear-gradient(to right, blue, green);
上面的代码表示从左往右的水平渐变,用蓝色到绿色过渡。
径向渐变
径向渐变是从一个点向各个方向应用颜色的渐变。它可以实现圆形、椭圆形和其他形状的渐变。下面是一个简单的径向渐变例子:
background: radial-gradient(circle, yellow, orange);
上面的代码表示从黄色到橙色的圆形渐变。
除了上面这些基础的渐变方式,CSS渐变还支持渐变色、角度控制和重复等属性,可以实现更复杂的渐变效果。如果你对CSS渐变感兴趣,不妨去了解一下这些属性的具体用法吧。