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指椭圆形渐变
第三到第六个参数指定渐变的颜色,同样可以指定百分比