Is there a tool available that can automatically enhance CSS by adding experimental properties to ensure consistent appearance across different browsers? For instance, rather than manually including:
.class {
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px }
It would be more efficient to just write:
.class {
border-radius: 8px }
The tool could then handle adding the necessary vendor-specific prefixes. Although this approach works well for border radius, it becomes more complex when dealing with gradients. For example:
background: -moz-linear-gradient(top, #00abeb, #fff);
background: -webkit-gradient(linear, center top, center bottom, from(#00abeb), to(#fff));
I believe if a tool like LESS could offer this feature, it would be ideal. Does anyone know of a tool with this capability?