css3渐变之线性渐变linear-gradient

css3新增渐变（gradients）属性，可以让两个或多个指定的颜色之间显示平稳的过渡。通过使用 CSS3 渐变（gradients）替代使用图像来实现这些效果，减少下载的事件和宽带的使用，大大提高工作效率。CSS3 定义了两种类型的渐变（gradients）：1、线性渐变（Linear Gradients）：向下/向上/向左/向右/对角方向；2、径向渐变（Radial Gradients）： 由它们的中心定义；注意：渐变（gradients）的兼容性ie10支持gradients属性；chrome 、Safari、Firefox、Opera 支持替代的-webkit-渐变类型、-moz-渐变类型、-o-渐变类型属性；