CSS 渐变色：linear-gradient() 和 radial-gradient() 函数详解

在 CSS 中，可以使用 linear-gradient() 函数来创建元素的渐变色。

linear-gradient() 函数接收多个参数，可以指定渐变的方向、颜色和位置。以下是一个简单的例子：

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

上面的代码将创建一个从左到右的渐变色，从红色渐变到蓝色。你也可以改变渐变的方向，例如从上到下：

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

你还可以指定多个颜色和位置来创建更复杂的渐变效果：

.gradient {
  background: linear-gradient(to right, red 0%, blue 50%, green 100%);
}

上面的代码将创建一个从左到右的渐变色，从红色开始，到蓝色的一半位置，最后到绿色。

除了 linear-gradient() 函数，还有 radial-gradient() 函数可以用来创建径向渐变色。使用方法类似，只是参数稍有不同。

.gradient {
  background: radial-gradient(circle, red, blue);
}

上面的代码将创建一个以圆形为形状的径向渐变色，从红色渐变到蓝色。

这些只是一些基本的用法，你可以根据需要进行更多的调整和组合。