1.linear-gradient和-webkit-linear-gradient差异
使用语法都是:linear-gradient(direction, color-stop, color-sotp2)
他们的差异绝非仅仅是多一个webkit而一,具体的差异体现正在direction参数上面
2.dirction参数的差异和相同点
2.1不同点
- 当使用具体的角度时候,
- 前者0deg表示的是从下至上(即朝向竖直向上是0deg,而后顺时针是角度增大的方向)。
*后者的0deg表示的是从左至右(朝向正右方是0deg,而后顺时针是角度增大的方向)
- 前者0deg表示的是从下至上(即朝向竖直向上是0deg,而后顺时针是角度增大的方向)。
- 当使用具体的关键字时候前者的direction需要to+方向关键字体例如
/*渐变的方向是从上至下由红色变成蓝色*/
background: linear-gradient(to bottom, red , blue);
- 而后者不需要加to关键字,如下代码所示
/*此时指向也是从上到下,但由于没有to所以只需指明是top即可,效果图也如上所示*/
background: -webkit-linear-gradient(top, red, blue);
2.2相同点
当两者的dirction不填写的时候默认值都相同都是从上至下颜色进行渐变的。当他们的角度是不同的,这里需要注意,当然上面也介绍了他们的角度规则。