CSS3 火狐和谷歌浏览器中的颜色渐变

css3增加了背景颜色渐变功能。

background:-webkit-gradient(linear, 0 0, 0 bottom, from(#78fdf8), to(#f2fcbd));
这个是基于webkit内核(chrome)的渐变背景设置。

第一个参数linear：是渐变的类型，linear是指线性渐变。

第二个参数0 0：起始位置的横坐标和纵坐标，可以是 像素、百分比、top/left/right/bottom

第三个参数0 bottom：结束位置的横坐标和纵坐标，可以是 像素、百分比、top/left/right/bottom

第四个参数from(#78fdf8)：起始位置的颜色值，可以是 css所有颜色类型。

第五个参数from(#f2fcbd)：结束位置的颜色值，可以是 css所有颜色类型。

background:-moz-linear-gradient(top, #78fdf8, #f2fcbd);

这个是基于Gecko内核(firefox)的渐变背景设置。

第一个参数top center：起始渐变的角度，可以是 像素、百分比、top/left/right/bottom/center。

        第二个参数#78fdf8：起始渐变的颜色值，可以是 css所有颜色类型。

第四个参数#f2fcbd：结束渐变的颜色值，可以是 css所有颜色类型。