Google Chrome background-gradient

Question

Really amateur question here - body background-gradient isn't working in chrome, very strange, I've tried:

background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FFF), to(#000));

And

background: -webkit-gradient(linear, 0%, 0%, 0%, 100%, from(#fff), to(#000));

And

background: -webkit-gradient(linear, center top, center bottom, from(#fff), to(#000));

All to no avail! Works in every other browser...

Answer 1

CSS3 linear-gradient tag is now supported by all major browsers.

The syntax requires an additional to. Therefore instead of e.g. center top, left top etc use e.g. to top like

background-image: linear-gradient(to top , #094F86, #4EABDB);