一、浏览器厂商前缀
1. 是什么
浏览器厂商前缀是CSS属性之前的小字符串,可确保该属性仅在给定的浏览器引擎中有效并呈现。
2. 为什么会有浏览器前缀
- 实现没有工作标准并且可能永远不会成为标准的专有CSS属性
- 提供标准属性的早期实现
- 提供标准以外的替代语法
3. 各厂商浏览器使用的渲染引擎
Chrome和Safari => WebKit ==> 前缀 -webkit
Firefox => Gecko ==> 前缀 -moz
Internet Explorer => Trident ==> 前缀 -ms
Opera => Presto ==> 前缀 -o
4. 哪些css的属性是需要前缀的
- @keyframes
- transition and transform properties (transition-property, transition-duration, transition-timing-function, transition-delay)
过渡和变换属性(过渡属性,过渡持续时间,过渡计时功能,过渡延迟) - animation properties (animation-name, animation-duration, animation-timing-function, animation-delay)
动画属性(动画名称,动画持续时间,动画定时功能,动画延迟) - border-radius
边界半径 - box-shadow
盒子阴影 - backface-visibility
背面可见 - column properties
列属性 - flex properties
弯曲特性 - perspective properties
透视特性
具体:
-webkit-transform:rotate(-3deg); /*为Chrome/Safari*/
-moz-transform:rotate(-3deg); /*为Firefox*/
-ms-transform:rotate(-3deg); /*为IE*/
-o-transform:rotate(-3deg); /*为Opera*/