Css渐变

  

background-image: linear-gradient(#444, #111);

background-image: linear-gradient(颜色值,颜色值);

 

linear-gradient(线性渐变)

radial-gradient(径向渐变)

 

Mozilla

background:-moz-linear-gradient( top,#ccc,#000);

 

*第一个参数是：线性渐变的方向;
*第二个参数和第三个参数是：开始和终止的颜色;





Webkit

 

background:-webkit-gradient(linear,center top,center bottom,from(#ccc), to(#000));

 

*第一个参数是：线性渐变的类型;
*第二个参数和第三个参数是：开始和终止的颜色;

Opera

 

background: -o-linear-gradient(top,#ccc, #000);

 

 

实战案例：

 

background:-moz-linear-gradient(left,#ace,#f96);
/*Mozilla*/
background:-webkit-gradient(linear,0 50%,100% 50%,from(#ace),to(#f96));

background:-webkit-linear-gradient(left,#ace,#f96);

background:-o-linear-gradient(left,#ace,#f96);
/*Opera11*/