是否有一个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;