是否有一個css「編譯器」可以自動擴展以覆蓋所有/大多數瀏覽器？

Question

具體看待事物有-webkit，-moz -o前綴，如變換，轉換等..

我想要的東西就像一個smart sass（我想可能會做，但沒有按」 t似乎）將採取通用形式的命令，併爲我寫所有的長前綴版本。例如：

.shrink { 
     -webkit-transition: -webkit-transform 1s; 
     -webkit-transform: scale(0); 
     -moz-transition: -moz-transform 1s; 
     -moz-transform: scale(0); 
     -o-transition: -o-transform 1s; 
     -o-transform: scale(0); 
    } 

將寫作

.shrink { 
     transition: transform 1s; 
     transform: scale(0); 
    } 

和CSS 「編譯」 將寫出所有其他的東西.....

Answer 1

這裏有一個： http://www.techievideos.com/videos/1152/Save-time-writting-vendor-prefixes-using-CSS3-and-LESS/

---

另一個可以實現目標的選項：

這是一個css3轉換器，可以生成一個背景圖像，供不符合標準的/舊的瀏覽器使用。值得一看！

http://www.css3toimage.com/

Answer 2

Here你發現WebKit的CSS屬性的量。他們中的大多數類似於-o或-moz！

Answer 3

是的。

SCSS + Compass會得到你想要的東西

下面是從Compass' example pages一個例子（只要你不介意的Ruby /命令行編譯）：

SCSS：

@include background-clip(padding-box); 

    @include background-clip(border-box); 

這些擴展爲：

-moz-background-clip: padding; 
-webkit-background-clip: padding; 
-o-background-clip: padding-box; 
-ms-background-clip: padding-box; 
-khtml-background-clip: padding-box; 
background-clip: padding-box; 

/* And */ 

-moz-background-clip: border; 
-webkit-background-clip: border; 
-o-background-clip: border-box; 
-ms-background-clip: border-box; 
-khtml-background-clip: border-box; 
background-clip: border-box;