CSS3 Validator shown 5 error on Gradient code
when i try to validate my Gradient css via CSS3 W3.org Validator it's shown error
Sorry! We found the following errors (5)
My code is
background: linear-gradient(top, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%);
Well Rizwan, First of All the site you are using http://jigsaw.w3.org/css-validator/#validate_by_input is not supporting CSS3 completely.
From: About the CSS Validator
So, this is the authority on what is correct CSS and what isn't?
No. It is a helpful and reliable tool, but a software tool, and like every software, it has some bugs and issues. The actual reference on Cascading Style Sheets are the CSS Specifications.
By default, this validator checks style sheets against the grammar, properties and values defined in the CSS 2.1 specification, but other CSS profiles can be checked against by using the options.
If you look into bugs and issues you will find a bug for: linear-gradient as a background-image, it does not recognize linear-gradient.
-webkit-gradient is browser specific and w3.org validator will not recognize it.
Final advice, don't rely too much on validators, they may help you spotting an error but they are not 100% correct. For CSS3 its better if you test these properties in browser and see if they are working.
This post first appeared on CSS3 Recipes - The Solution To All Your Style Problems, please read the originial post: here