线性渐变（Linear Gradient）：
线性渐变通过定义一个方向和一系列颜色来创建颜色的过渡。以下是一个简单的线性渐变的示例：
background: linear-gradient(to right, #ff0000, #0000ff);
这个例子表示从左到右的线性渐变，从红色过渡到蓝色。
径向渐变（Radial Gradient）：
径向渐变通过定义一个中心点和一系列颜色来创建颜色的过渡。以下是一个简单的径向渐变的示例：
background: radial-gradient(circle, #ff0000, #0000ff);
这个例子表示一个圆形的径向渐变，从红色过渡到蓝色。
多色渐变：
你还可以指定多个颜色停止点，以创建更为复杂的渐变效果：
background: linear-gradient(to right, red, orange, yellow, green, blue);
这个例子创建了一个从红色到蓝色的渐变，中间包含了橙色、黄色和绿色。
渐变角度和形状：
你可以调整渐变的角度和形状，以获得不同的效果。例如，改变线性渐变的方向或者调整径向渐变的形状：
/* 线性渐变，从右上到左下 */
background: linear-gradient(135deg, #ff0000, #0000ff);
/* 径向渐变，椭圆形 */
background: radial-gradient(ellipse at center, #ff0000, #0000ff);
这些渐变效果可以应用于各种 CSS 属性，如背景、边框、文字等，为页面带来更富有层次感的视觉效果。
转载请注明出处：http://www.pingtaimeng.com/article/detail/12561/CSS