私有前缀

浏览器厂商一般都是在属性名称前添加厂商的私有前缀，来测试这些还没有成为标准的特性。

所以，能够借助私有前缀，来解决浏览器对CSS3的兼容性问题。

 

 

 1 .box{
 2 
 3     -webkit-transition:all 1s;
 4 
 5     -moz-transition:all 1s;
 6 
 7     -ms-transition:all 1s;
 8 
 9     -o-transition:all 1s;
10 
11     transition:all 1s;
12 
13 }
14 
15 /*推荐使用 先前缀后标准 顺序*/

 

再好比，在使用背景颜色渐变的属性时，也要加前缀：

1     -webkit-background: linear-gradient(top, red, pink);