What about a new syntax for gradients?

[nDmitry]

It would be nice to have a fallback for old syntax when we use the new one (with to keyword). I mean if I type this:

.test {
  background-image: linear-gradient(to right bottom, #000, #fff);
}

I would like to see this output:

.test {
  background-image: -webkit-linear-gradient(top left, #000, #fff); /* and other prefixes... */
  background-image: linear-gradient(top left, #000, #fff); /* fallback to old syntax */
  background-image: linear-gradient(to right bottom, #000, #fff);
}

[ai]

What browsers need this?

[nDmitry]

Firefox 16+, Chrome 26+, IE 10, Opera 12.10.
More: https://developer.mozilla.org/en-US/docs/Web/CSS/linear-gradient#Browser_compatibility
It's a standard syntax and it's already implemented in modern browsers.

[ai]

Maybe we just can replace to left right to degrees values and forget about different syntaxes? What do you think about it?

[ai]

Nope, to left right is different, that 45deg, because depend on block size :(.

[ai]

Fixed. Please, recheck me: https://github.com/ai/autoprefixer/blob/master/test/css/data.out.css#L20

[ai]

Released in 0.4.20130515