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