当x1 = x2，y1 ≠ y2，实现垂直渐变，调整y1，y2的值可以调整渐变半径大小；
bbackground-image:-webkit-gradient(linear,0% 0%, 0% 100%, from(#fff800), to(#f60));
当y1 = y2，x1 ≠ x2，实现水平渐变，调整x1，x2的值可以调整渐变半径大小；
bbackground-image:-webkit-gradient(linear,0% 0%, 100% 0%, from(#fff800), to(#f60));
当y1 ≠ y2，x1 ≠ x2，实现角度渐变，当x1，x2，y1，y2取值为极值的时候接近垂直渐变或水平渐变；
bbackground-image:-webkit-gradient(linear,10% 30%, 100% 100%, from(#fff800), to(#f60));
当x1=x2，y1=y2，没有渐变。
2、color-stop是一个过渡点，相当于ps里面，多添加一个渐变的点，有两个参数，一个是点的位置，另外一个是过渡点的颜色。
background-image:-webkit-gradient(linear,0% 0%, 100% 0%, from(#fff800), to(#f60),color-stop(20%,#fff));
background-image:-webkit-gradient(linear,0% 0%, 100% 0%, from(#fff800), to(#fff),color-stop(20%,#fff),color-stop(20%,#f60));
3、创建径向渐变
background-image:-webkit-gradient(radial, 45 45, 10, 52 50, 30, from(#fff800), to(#f60), color-stop(90%, #c00));
转载请注明本文链接：http://www.rainleaves.com/html/1214.html
由 lyhydfp 发表在 html5+css3分类目录，并贴了 css3、linear gradient、背景线性渐变 标签。
IE浏览器下渐变设置方法：
/* IE浏览器 */
background-image:filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=’#4477a1′, endColorstr=’#81a8cb’); /* IE6,IE7 */
-ms-filter: “progid:DXImageTransform.Microsoft.gradient(startColorstr=’#4477a1′, endColorstr=’#81a8cb’)”; /* IE8 */
