css颜色渐变语法,CSS3渐变背景之linear-gradient()函数 - YangJunwei

线性渐变的语法为：linear-gradient(direction, color-stop1, color-stop2, …);
其中，direction 表示渐变方向，可以是角度值或关键字（如 to left、to right、to bottom、to top 等等），color-stop 表示渐变的颜色和位置，可以是颜色值、长度值或百分比。

例如，以下代码实现从左到右的红色到蓝色渐变背景：

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

如果需要多个颜色的渐变，可以在 color-stop 中添加多个颜色和位置，例如：

background: linear-gradient(to right, red, yellow 30%, green 60%, blue);

这将实现从左到右的红色到黄色，然后到绿色，最后到蓝色的渐变背景。

相关问题

css linear-gradient 圆滑过渡

CSS的linear-gradient函数可以用来创建线性渐变效果。它可以在两个或多个颜色之间创建平滑过渡的效果。下面是一个示例代码：

div {
  background-image: linear-gradient(to right, #ff0000, #0000ff);
}

这个代码将在一个div元素的背景中创建一个从红色到蓝色的水平线性渐变。