私有前缀

Posted 2022-12-29 cnlisiyiii-stu

浏览器厂商通常都是在属性名称前添加厂商的私有前缀，来测试这些尚未成为标准的特性。

因此，可以借助私有前缀，来解决浏览器对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);