浏览器厂商前缀

一、浏览器厂商前缀

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*/