CSS3快速浏览器前缀的方法

在做前端开发时，经常要在css3的属性前加上各浏览器厂商的前缀：，如

Chrome(谷歌浏览器) ：-webkit-
Safari(苹果浏览器) ：-webkit-
Firefox(火狐浏览器) ：-moz-
IE(IE浏览器) ：-ms-
Opera(欧朋浏览器) ：-o-

 

方法一：IDEA输入：tre ，按Tab，将展开：

 -webkit-transition-delay: time;
 -moz-transition-delay: time;
 -ms-transition-delay: time;
 -o-transition-delay: time;
transition-delay: time;

 

 

方法二：在线

打开：http://codepen.io/pen/

粘贴css到编辑框，点击左上角按钮，选择Autoprefixer 后关闭对话框

 

点击 View Compiled

生成：

 

方法三：sublime

sublime 自动添加兼容前缀插件autoprefixer