Get Even More Visitors To Your Blog, Upgrade To A Business Listing >>

CSS3 Validator shown 5 error on Gradient code

CSS3 Validator shown 5 error on Gradient code


when i try to validate my Gradient css via CSS3 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%);


Problem courtesy of: CSS Guy


Well Rizwan, First of All the site you are using 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 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.

Solution courtesy of: Habib


View additional discussion.

This post first appeared on CSS3 Recipes - The Solution To All Your Style Problems, please read the originial post: here

Share the post

CSS3 Validator shown 5 error on Gradient code


Subscribe to Css3 Recipes - The Solution To All Your Style Problems

Get updates delivered right to your inbox!

Thank you for your subscription