stubbornella/csslint — Issue #223: background-image throws errors when given CSS3 gradients
Author: philipwalton
Created: 2012-01-19 01:45:30+00:00
State: open

When I use the following line:
background: linear-gradient(top, #f2f2f2 0%, #cbcbcb 100%);
(or any of the vendor prefixed versions)

I get the following error:
Expected but found 'linear-gradient(top , #f2f2f2 0% , #cbcbcb 100%)'
(Notice how nothing is reported after "Expected".)

A workaround is to just use background instead of background-image, but this should still be fixed since passing a gradient to background-image is part of the working spec and (I believe) works in all browsers that support gradients. Definitely the latest versions of FF, Chrome, and Safari.
http://dev.w3.org/csswg/css3-images/