css3files: Gradients uses old syntax in text and some examples

[dstorey]

URL: http://www.css3files.com/gradient/ Google pos: prominent link from CanIUse (10th for CSS Gradients)

Issues:

While most of the live examples work as they do use the latest syntax, the text and sample code that explains how the syntax works uses the old syntax. For example:

• Angeled gradient with just color stops: The live example flips as 0deg starts in a different position in the final spec to the early implementation. The value for the new spec should be around 345deg
• All radial gradient syntaxes show the old syntax without the at keyword after the px values, and with those lengths first instead of after the keywords. First example uses background: radial-gradient(60px 45px, circle closest-side, red, blue 60%, green) instead of radial-gradient(circle closest-side at 60px 45px , #F00, #00F 60%, #008000) repeat scroll 0% 0% transparent. The actual live examples work as they’ve been updated, just not the code examples in the text.
• Same for "Circular gradient ending at the closest corner" syntax example, and "Elliptical gradient ending at the farthest side"