一.线性渐变linear-gradient

 1.使用方法：

background:-webkit-linear-gradient(red,blue); background:-moz-linear-gradient(red,blue); background:linear-gradient(red,blue); 2.拓展应用 光斑：

 

二.径向渐变radial-gradient

  1.使用方法：

background:-webkit-radial-gradient(red,blue);

background:-webkit-radial-gradient(100px 50px,circle,red,blue);  //形状： ellipse、circle或者具体数值或百分比，也可以是关键字（最近端，最近角，最远端，最远角，包含或覆盖 (closest-side, closest-corner, farthest-side, farthest-corner, contain or cover)）;  firefox目前只支持关键字

 

三.兼容问题