火狐浏览器中的渐变,是写起点还是终点位置？

<!DOCTYPE html>

<html>

<head>

div{

width: 800px;

height: 300px;

/* 从左到右 */

background: -webkit-linear-gradient(left, red,blue);

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

/* background: -o-linear-gradient(red,blue);

background: linear-gradient(red,blue); */

}

</style>

</head>

<body>

</body>

</html>

课程中老师说火狐要写终点位置，可是实际应用的时候，怎么还是把第一个参数当成起点位置呢？

源自：CSS3背景与渐变 3-1 线性渐变、上下、左右、对角

收起

1回答

好帮手慕粉 2019-12-17 13:51:34

同学你好，同学实现的效果是正确的，从右边开始，第一个颜色是红色，第二个颜色是蓝色：

第一个参数就是起点位置，这是要看把哪边当起点。

如果我的回答帮助到了你，欢迎采纳，祝学习愉快~

提问者 weixin_慕码人9177259 #1

这里没写起点，不是默认的从右向左吗

2019-12-18 11:43:03
好帮手慕粉回复提问者 weixin_慕码人9177259 #2

同学你好，同学的代码中是写了right的，设置了右边为渐变起点。这个的意思就是right为起点，从右往左排列。老师的意思是如果要设置左右渐变，那么谷歌设置left，火狐设置right，就是谷歌以左边为起点，火狐以右边为起点的。同学记住即可。如果我的回答帮助到了你，欢迎采纳，祝学习愉快~

2019-12-18 14:11:20