linear-gradient和-webkit-linear-gradient使用方法的不同

1.linear-gradient和-webkit-linear-gradient差异

使用语法都是：linear-gradient(direction, color-stop, color-sotp2)
他们的差异绝非仅仅是多一个webkit而一，具体的差异体现正在direction参数上面

2.dirction参数的差异和相同点

2.1不同点

• 当使用具体的角度时候，
  • 前者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不填写的时候默认值都相同都是从上至下颜色进行渐变的。当他们的角度是不同的，这里需要注意，当然上面也介绍了他们的角度规则。