是否有一个css"编译器"自动扩展以涵盖所有/大多数浏览器？

Question

专门用-webkit,-moz -o前缀查看事物,如转换,转换等...

我想要一些像智能sass(我认为可能会这样做,但似乎没有)的东西,它将采用通用形式的命令并为我编写所有长前缀版本.例如:

    .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

2018年编辑

我将使用https://github.com/postcss/autoprefixer和 webpack 来完成原始问题中询问的那种“css 编译”

2011年原始答案

这是一个： http: //www.techievideos.com/videos/1152/Save-time-writting-vendor-prefixes-using-CSS3-and-LESS/

可以实现目标的另一种选择：

它是一个 css3 转换器，可以生成提供给不兼容/旧浏览器的背景图像。值得一看！

http://www.css3toimage.com/