CSS-浏览器引擎前缀

-webkit-transition:width 2s;
-moz-transition:width 2s;
-o-transition:width 2s;
transition:width 2s;

其实上述的 css 代码会执行的只有一条，浏览器只会响应其中的一条，然后忽略其它几条。这里的前缀是浏览器引擎前缀（ Vendor prefix ），它是浏览器公司在新的或者是正在实验中的 CSS3 功能变为 CSS3 规范之前，提供一种对该功能的支持方式。我们介绍一下这些浏览器引擎前缀：

• -moz- ：Firefox 等使用 Mozilla 引擎的浏览器。
• -webkit- ：Safari 、 Chrome 等使用 Webkit 引擎的浏览器。
• -o- ：Opera 浏览器早期。
• -ms- ：IE 和 Edge 等 。

浏览器引擎前缀的使用方法也一目了然，将前缀放到属性名前即可。这些前缀并非都是需要的，因为有些属性已经被大部分浏览器所支持。但是一般情况下加上这些前缀是不会有问题的，只要记得把不带前缀的放在最后一条即可。