私有前綴

瀏覽器廠商一般都是在屬性名稱前添加廠商的私有前綴，來測試這些還沒有成爲標準的特性。

所以，能夠藉助私有前綴，來解決瀏覽器對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);