CSS繼續瀏覽器屬性

目前還編寫瀏覽器的常用方法屬性CSS動畫爲：CSS繼續瀏覽器屬性

的代碼

@-webkit-keyframes wheel-keyframes { 

     100% { 
      -ms-transform: rotate(360deg); /* IE 9 */ 
      -webkit-transform: rotate(360deg); /* Chrome, Safari, Opera */ 
      transform: rotate(360deg); 
     } 
} 

@keyframes wheel-keyframes { 

     100% { 
      -ms-transform: rotate(360deg); /* IE 9 */ 
      -webkit-transform: rotate(360deg); /* Chrome, Safari, Opera */ 
      transform: rotate(360deg); 
     } 
} //etc

複製是巨大的。可以這樣做嗎？

@-webkit-keyframes, @keyframes wheel-keyframes { 
     100% { 
      -ms-transform, -webkit-transform, transform: rotate(360deg); 
     } 
}

是否有很好的測試CSS屬性列表的資源，例如： -webkit動畫定時功能，動畫定時功能等？

來源

2014-10-19 Artru

使用一些CSS前綴像https://learnboost.github.io/stylus/docs/keyframes.html 檢查CSS動畫列表https://developer.mozilla.org/en-US/docs/Web/CSS /動畫 – cforcloud 2014-10-19 07:22:05

謝謝你，但autoprefixer是更好的腳作爲解決方案 – Artru 2014-10-27 05:22:49

不，即使在CSS3中，也不可能做出這樣的連續語句並最小化文件大小。

自動執行此過程的最佳工具是Autoprefixer。

來源

2014-10-27 05:19:19 Artru

這很容易通過css預處理器或一些吞嚥或咕嚕任務完成。如果這些術語對你來說是新的，我建議查找Google Web Starter Kit, 它很容易設置，它同時帶有一個css預處理器（SASS），前綴和其他有用的東西。

來源

2014-10-19 09:46:33

CSS繼續瀏覽器屬性

回答

相關問題