CSS Gradient Editor Mac App uses old syntax

[dstorey]

The App (found on Mac App store) produces code like the following:

/*** CSS Gradient **/
/ Chrome 1-9 and Safari 4-5.0 */
background-image: -webkit-gradient(linear, left top, right top,
color-stop( 0.0, rgb(23, 63, 99) ),
color-stop( 1.0, rgb(213, 213, 213) ));

/* Chrome 10+ Safari 5.1+ Mobile Safari */
background-image: -webkit-linear-gradient(left,
rgb(23, 63, 99),
rgb(213, 213, 213) );

/* Firefox 3.6+ */
background-image: -moz-linear-gradient(left,
rgb(23, 63, 99),
rgb(213, 213, 213) );

/* IE 10+ */
background-image: -ms-linear-gradient(left,
rgb(23, 63, 99),
rgb(213, 213, 213) );

/* Opera 11.10+ */
background-image: -o-linear-gradient(left,
rgb(23, 63, 99),
rgb(213, 213, 213) );

/* W3C */
background-image: linear-gradient(left,
rgb(23, 63, 99),
rgb(213, 213, 213) );

Issues:

The W3C version is incorrect. Should use to right instead of left.
The MS version was never needed.

Fix:

Remove -ms- version
Update syntax for unprefixed using the to keyword and reversing the direction.

[dstorey]

Reply from developer: “Wow. I confess I haven’t looked at the state of CSS Gradients in awhile. Thanks for the heads up on this. When I wrote this gradients were in a state of flux, therefore I put in all the prefixes. Time to revisit this and get an update out. ”