linear-gradient 从上到下的渐变

`linear-gradient` 是 CSS 中用于创建线性渐变效果的属性，它让背景颜色或图像从一个位置平滑地过渡到另一个位置。如果你想创建一个从上到下的渐变，你可以使用类似这样的语法：

background: linear-gradient(to bottom, color-stop1, color-stop2);

在这个例子中，`to bottom` 指定了渐变的方向，即从上至下。`color-stop1` 和 `color-stop2` 是颜色的两个停止点，分别定义了渐变开始和结束的颜色。这两个值可以是具体的颜色名、十六进制值、RGB 或 RGBA 值，也可以是百分比。

例如，创建一个从红色渐变到蓝色的垂直渐变：

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

如果你想添加更多的颜色停止点或者使用透明度变化，可以在颜色停止点后添加 `percentage` 或 `color-stop(percentage, color)` 的形式。

相关问题

linear-gradient 从上到下渐变

linear-gradient函数可以用来创建从上到下的渐变效果。你可以通过指定渐变线的方向来实现这个效果。具体的方法是将渐变线的方向设置为垂直向下，即从上到下的方向。

以下是一个示例代码，演示了如何使用linear-gradient函数创建从上到下的渐变效果：

background: linear-gradient(to bottom, skyblue, orange);

在这个示例中，我们使用了to bottom来指定渐变线的方向为从上到下。渐变的起始颜色是skyblue，结束颜色是orange。

这样设置后，元素的背景将呈现从上到下的渐变效果，起始颜色为skyblue，结束颜色为orange。

linear-gradient从中间向两边渐变

要创建从中间向两边渐变的线性渐变，你可以使用以下CSS代码：

background: linear-gradient(to right, #000000 0%, #ffffff 50%, #000000 100%);

这将创建一个从左到右的线性渐变，其中颜色由黑色到白色再到黑色。其中，`to right` 表示渐变方向为从左到右。你可以根据需要更改渐变的方向和颜色。