Automatically prefix CSS values

[m_gol]

Now that jQuery automatically prefixes CSS properties, auto-prefixing values would be useful, too. I'm talking about things like transition, transform, calc etc.

[dmethvin]

Can you provide some examples of what you are looking for?

[m_gol]

For example so that using: $('#id').css('width', 'calc(50% - 30px)'); would cause the following in Chrome: document.getElementById('id').style.width === '-webkit-calc(50% - 30px)'

Actually, I made a mistake mentioning transitions and transforms, they are obviously values, not properties.

Another useful value waiting to be handled this way is linear-gradient to be interpreted as -webkit-linear-gradient in WebKit browsers.

Obviously it can't be done so 'pretty' as auto-prefixing values, you'd have to keep a white-list of accepted properties; there aren't a lot of them, though. Lea Verou keeps four of them in -prefix-free; apart from mentioned they're 'element' and 'cross-fade'.

[dmethvin]

I think this is beyond what core would do, especially since it couldn't be implemented economically in all our supported browsers.