（八）CSS3渐变
1：基本概念
- 在两个或多个指定的颜色之间显示平稳的过渡
-
渐变效果由浏览器生成
-
渐变类型
- 线性渐变 (Linear Gradients) - 向下/向上/向左/向右/对角方向
- 径向渐变 (Radial Gradients) - 由它们的中心定义
-
作为元素的 background-image( background ) 使用
2：浏览器支持
- 完全支持该属性的第一个浏览器版本
-
浏览器前缀
.header { /* Safari */ background: -webkit-linear-gradient(red, blue); /* Opera */ background: -o-linear-gradient(red, blue); /* Firefox */ background: -moz-linear-gradient(red, blue); /* 标准的语法, 放在最后 */ background: linear-gradient(red, blue); }
