CSS3的渐变

渐变指得是可以在两个或多个制定的颜色之间显示平稳的过渡
兼容性：
IE10+，Firefox16+，chrome26+，opera12.1+，safari6.1+
过早的版本我们可以加相对应的前缀来实现
3.6 -moz- 10.0 -webkit- 11.6 -o- 5.1 -webkit-

**css3的线性渐变（linear Gradients）
是沿着一根轴线改变颜色
语法：background：linear-gradient(direction,color1开始颜色,color2结束颜色)
从左到右：begin-direction webkit内核
end-direction 火狐
end-direction opera
to end-direction 标注语法

对角线：begin-levlel begin-vertical webkit内核
end-levlel end-vertical 火狐
end-levlel end-vertical opera
to end-levlel vertical 标准语法

使用角度
语法：background：linear-gradient(angle（角度）,color1开始颜色,color2结束颜色)
角度是指水平线和渐变线之间的角度，逆时针方向计算
0deg将创建一个从下到上的渐变，90deg将创建一i个从左到右的渐变

颜色节点
语法：background：linear-gradient(angle（角度）,color1 length | percentage开始颜色,color2 length | percentage结束颜色)
第一个颜色如果不写默认0%，最后一个颜色如果不写默认100%

重复渐变
语法：background：repeating-linear-gradient(direction,color1开始颜色,color2结束颜色)

CSS径向渐变
从起点到终点颜色从内到外进行圆形渐变
语法：background：radial-gradient (center,shape size,color1开始颜色,color2结束颜色)
shape 只有两种 1.circle 2.ellipse（默认情况下）
size有四种 closest-side farthest-side closest-corner farthest-corner

径向渐变—重复渐变
语法：background：repeating-radial-gradient (center,shape size,color1开始颜色,color2结束颜色)

IE渐变（IE6—IE9）不兼容
（渐变运用的是滤镜）
语法：filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff0000",endColorstr="#0000ff",GradientType=0)**