css3渐变之径向渐变radial-gradient

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