css中的渐变以及渐变兼容

线性渐变
颜色沿着一条直线过渡：从左到右、从右到左、从上到下等
径向渐变
圆形或椭圆形渐变，颜色不再沿着一条直线变化，而是从一个起点朝所有方向混合
CSS3渐变兼容
IE浏览器是Trident内核，加前缀：-ms-
Chrome浏览器是Webkit内核，加前缀：-webkit-
Safari(苹果)浏览器是Webkit内核，加前缀：-webkit-
Opera浏览器是Blink内核，加前缀：-o-
Firefox浏览器是Mozilla内核，加前缀：-moz-

background:linear-gradient(blue,white) 默认从上到下
background:linear-gradient(to top ,blue,white) 从下到上
background:linear-gradient(left，blue,white)从左到右
background:linear-gradient(left top，blue,white)从左上到右下
background:linear-gradient(left，blue,white，black) 三个渐变颜色