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所有颜色类型。