深入探讨 CSS 中的渐变艺术：线性渐变、径向渐变和锥形渐变细节-1。线性渐变（线性渐变）

线性渐变是沿直线方向进行颜色过渡的一种渐变效果。开发者可以通过指定渐变的方向（垂直、水平或任意角度）以及颜色的起止点来创建。

基本语法：

Css

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

示例1：从左到右的线性渐变

Css

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

此代码将使背景从左边的红色逐渐过渡到右边的黄色，中间经过橙色。

示例2：带角度的线性渐变

Css

.box {
  background-image: linear-gradient(45deg, purple, indigo, blue);
}

这段代码将创建一个从左上到右下呈45度角的渐变，颜色从紫色过渡到靛蓝再到蓝色。