After redefining angles in gradients, another small but important revision was made to the linear gradient syntax last week. It’s outlined in full detail on Peter Gasston’s blog, but the gist is this: If you need a direction keyword, you’ll have to specify the destination keyword and prepend the word
to. Previously you had to specify the origin of the gradient.
background: linear-gradient(left top, red, gold); /* old syntax */ background: linear-gradient(to right bottom, red, gold); /* new syntax */
Makes it a bit more readable and logical, so it’s a good adjustment. But how about the transition from old to new syntax then? Well, this will probably be the last edit to the syntax, as the CSS Image Values and Replaced Content Module Level 3 specification moved to the Last Call status. Browser vendors will likely only start using this new syntax when moving to unprefixed gradients, or keep supporting the old syntax for prefixed gradients (as Firefox 10 will do).
Therefore, if you already used unprefixed gradients with direction keywords – for future compatibility – you’d better edit these stylesheets.