css：CSS 线性渐变linear-gradient

CSS 线性渐变（linear-gradient）可以创建一个表示两种或多种颜色之间进行渐变的图像。这种渐变可以由你来定义，可以是垂直的，也可以是水平的，或者你可以自定义角度。

以下是创建线性渐变的基本语法：

background: linear-gradient(direction, color-stop1, color-stop2, ...);

其中，direction 是可选参数，表示渐变的方向，可以是一个角度（例如 90deg），也可以是方向（例如 to left，to right，to top，to bottom 或者它们的组合，如 to bottom right）。color-stop 可以是任何有效的 CSS 颜色值。

下面是几个使用 CSS 线性渐变的例子：

1. 水平渐变：

div {
  background: linear-gradient(to right, red , blue);
}

2. 垂直渐变：

div {
  background: linear-gradient(to bottom, red , blue);
}

3. 自定义角度渐变：

div {
  background: linear-gradient(90deg, red, blue);
}

4. 多颜色渐变：

div {
  background: linear-gradient(to right, red, orange, yellow, green, blue, indigo, violet);
}

5. 带有百分比的渐变：

div {
  background: linear-gradient(to right, red 10%, blue 90%);
}

6. 多重渐变：

div {
  background: linear-gradient(to right, red, orange), linear-gradient(to right, yellow, green);
}

以上代码中的 div 是一个选择器，表示要应用渐变的元素。你可以根据需要将此选择器替换为任何其他有效的 CSS 选择器。