CSS中linear-gradient用法解析

linear-gradient是CSS中用来创建线性渐变背景的函数。它允许我们定义一个颜色过渡，从一个颜色过渡到另一个颜色，或者从一个颜色过渡到透明。

linear-gradient函数的语法如下：

linear-gradient(direction, color1, color2, ...);

• direction：指定渐变的方向，可以是角度值（如45deg）或关键字（如to right，从左到右）。如果是角度值，0deg表示从上到下，90deg表示从左到右，180deg表示从下到上，270deg表示从右到左。
• color1, color2, …：定义渐变的颜色值，可以是颜色名称、十六进制值、RGB值等。

例如，创建一个从上到下的红色到蓝色的线性渐变可以这样写：

background: linear-gradient(0deg, red, blue);

如果要创建一个从左到右的渐变，可以这样写：

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

除了直线渐变，我们还可以创建径向渐变（radial-gradient）来实现圆形渐变效果。linear-gradient还支持设置渐变的起点和终点，以及添加多个颜色值来创建更复杂的渐变效果。