css3整理--gradient

gradient语法：

　　-moz-linear-gradient( [<point> || <angle>,]? <stop>, <stop> [, <stop>]* )  // chrome的新版写法和FF的一致，只要改版前缀即可

　　　　第一个参数：指定渐变方向。例如：top，从上向下渐变；left，从左向右渐变； left top，从左上向右下渐变

　　　　第二个参数：指定起始点的颜色值

　　　　第三个参数：指定结束点的颜色值

　　还可以加参数，如：

　　background: -moz-linear-gradient(left, #ace, #f96 5%, #ace, #f96 95%, #ace);

　　　　可以指定多个颜色值，如果不同时指定百分比，则平均分配位置，否则，通过指定某个颜色值渐变到百分之多少的位置。

　　还可以指定角度：

　　background: -moz-linear-gradient(left 30deg, #ace, #f96);

　　　　如果设置left，不设置角度，则为从左到右渐变；

　　　　如果设置left，同时设置90deg，则为从上到下渐变；

 

　　background: -moz-radial-gradient(bottom left, ellipse, #ace, #f96, #1E90FF);（径向渐变）

　　　　第一个参数指定位置：bottom left指从左下角开始渐变

　　　　第二个参数指定渐变的形状：ellipse指椭圆形渐变

　　　　第三到第六个参数指定渐变的颜色，同样可以指定百分比