私有前缀
浏览器厂商通常都是在属性名称前添加厂商的私有前缀,来测试这些尚未成为标准的特性。
因此,可以借助私有前缀,来解决浏览器对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);
...
🍓 害,我是一个颜值前端。
✧*。٩(ˊᗜˋ*)و✧*。