一、以firefox为代表的mozilla内核的浏览器（注意，以下的图请有firefox浏览器下查看）
firefox的linear gradient（线性渐变）的几点说明：
1）基本语法：
background-image:-moz-linear-gradient(
[<point>||<angle>],
开始颜色值，
结束颜色值，
[(停靠颜色值，偏移量百分数),…]
);
1、-moz-linear-gradient是background的一个属性值；
2、它的第一组参数<角度位置>非常灵活，他的基本组成点位<point>(渐变的出发点)和角度，它可以被指定为一个百分比，像素，或者使用”left”，”center”，”right”的水平和”top”、”center”、”buttom”的垂直定位。位置从最爱影响的元素左上角开始。如果只在水平渐变的话，只要设置：”left center”或”right center”，如果垂直渐变的话，设置为”center top”或者”center bottom”。firefox下可以省略掉center。
background-image:-moz-linear-gradient(left center,#fff800,#f60);
background-image:-moz-linear-gradient(right center,#fff800,#f60);
background-image:-moz-linear-gradient(top,#fff800,#f60);
3、如果这两个值是百分比的值的话，那么第一个是水平渐变位置，第二个是垂直渐变位置，这个时间还需要一个角度值，比如“90deg”，你也可以随意改动大小来查看显示结果。
background-image:-moz-linear-gradient(180deg,#fff800,#f60);
background-image:-moz-linear-gradient(0deg,#fff800,#f60);
background-image: -moz-linear-gradient(left, red, orange, yellow, green, blue);
二、以chrome为代表的webkit内核的浏览器（注意，以下的图请在chrome浏览器下查看）
webkit内核的浏览器有safai、chrome的linear gradient（线性渐变）的几点说明：
1）基本语法：
background-image:-webkit-gradient(
type,
x1,
y1,
x2,
y2,
from(开始颜色值),
to(结果颜色值)，
[color-stop(偏移量小数，停靠颜色值),…]
);-webkit-gradient(
type,
start_point,
end_point,
stop…
)
参数类型 简要说明
type 渐变的类型，分为线性渐变（linear）和径向渐变（radial）
start_point 渐变图片中渐变的起始点
end_point 渐变图像中渐变的结束点
stop color-stop()方法，指定渐变进程中特定的颜色
inner_center 内部中心点，径向渐变起始圆环
inner_radius 内部半径，径向渐变起始圆
outer_center 外部渐变结束圆的中心点
outer_radius 外部渐变结束圆的半径
1、start_point(x1,y1)，end_point(x2,y2)，这里的x,y对应左上角为起点的坐标，此处的x,y参数表示与css中的background-position是一致的，可以使用像素、百分比或者left,top,right,bottom。
