CSS3里面的线性渐变：linear-gradient参数是啥样子的？

Posted 2023-02-22

1、语法

2、参数

第一个参数:指定渐变方向，可以用“角度”的关键词或“英文”来表示：

第一个参数省略时，默认为“180deg”，等同于“to bottom”。

第二个和第三个参数，表示颜色的起始点和结束点，可以有多个颜色值。

例如：

background-image:linear-gradient(to left, red,orange,yellow,green,blue,indigo,violet);

该属性已经得到了 IE10+、Firefox19.0+、Chrome26.0+ 和 Opera12.1+等浏览器的支持。

参考技术A 有3个参数：
1. 参数是表示渐变的方向
a) to+方向关键字，比如：to right，从左向右渐变；to left bottom 从右上角往左下角渐变。
b) 具体的角度值，比如设置为90deg，就相当于to right，方向向右
2. 起点颜色
3. 终点颜色
可以多看看这类的视频，比如说http://video.sina.com.cn/playlist/5772542-1866650682-1.html#101776332本回答被提问者和网友采纳