关于CSS3渐变使用方法

一、线性渐变

原先各浏览器的写法标准是：

－webkit-linear-gradient ( left ,  #f00 , #00f ) ; // 从左边开始

－o-linear-gradient ( left ,  #f00 , #00f ) ;

－moz-linear-gradient ( left ,  #f00 , #00f ) ;

或者使用角度：

－webkit-linear-gradient ( 0deg ,  #f00 , #00f ) ; // 从水平x轴开始

－o-linear-gradient ( 0deg ,  #f00 , #00f ) ;

－moz-linear-gradient ( 0deg ,  #f00 , #00f ) ;

第一个参数表示起点 位置 ，角度表示从x轴正轴方向 逆时针计算

后面的参数表示颜色的顺序，可2个及以上

标准写法：

 linear-gradient (  to right , #f00 , #00f )  //  到终点结束

 linear-gradient ( 0 deg , #f00 , #00f )  //  从垂直y轴开始

第一个参数表示 到终点 的位置 ，角度表示从 y轴正轴方向 顺时针计算

后面的参数表示颜色的顺序，可2个及以上