stale icon indicating copy to clipboard operation
stale copied to clipboard

W3Schools: “CSS3 Gradients” multiple issues with new syntax updates

Open dstorey opened this issue 11 years ago • 0 comments

URL: http://www.w3schools.com/css/css3_gradients.asp Google pos: 2nd ("CSS Gradients")

Issues:

  • Linear Gradient - Left to Right example: The -o- and -moz- examples use right keyword instead of left like the -webkit- version
  • Linear Gradient - Diagonal: Same issue as above. -o- and -moz- should match -webkit- version
  • Using Angles: the standard version should use 270deg for the angle. The 0 position changed in the spec compared to the original prefixed implementations
  • Using Transparency: Same issue as first point in this list
  • Use of Different Size Keywords: Example uses old syntax for radial gradients. It should use background: radial-gradient(closest-side at 60% 55% ,blue,green,yellow,black); and background: radial-gradient(farthest-side at 60% 55% ,blue,green,yellow,black); respectively

dstorey avatar Jul 16 '14 21:07 dstorey