为多个浏览器添加实验性一致性CSS的简便方法？

Question

我想知道是否有一个工具可以“预处理”CSS并自动添加实验属性，因此它们在支持它的浏览器上看起来一样。例如，而不是写：

.class {
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px }

我可以写：

.class {
    border-radius: 8px }

其他人会自动添加。对于边界半径，它不是太糟糕，但它适用于渐变。为了达到同样的结果：

background: -moz-linear-gradient(top, #00abeb, #fff);
background: -webkit-gradient(linear, center top, center bottom, from(#00abeb), to(#fff));

如果它有这样的功能，

LESS将是完美的。有没有人知道有这个工具吗？

Answer 1

您也可以尝试指南针。 Compass有一个预制的CSS3库:)（指南针只是蓝图框架和SASS的混搭）

http://compass-style.org/docs/reference/compass/css3/shared/

Answer 2

听起来Sass应该能做的事情。

Answer 3

看起来我必须更仔细地阅读文档。 LESS确实支持此功能。 （这是在头版！）

以下是查看此问题的人tutorial