gradient

gradient allows you to use a gradient. It’s a background property.

Tests

Here are the various browser syntaxes. They don’t really resemble each other, or the formal W3C syntax.

W3C

background: linear-gradient(left top,white, black);

This test element uses the W3C syntax.

WebKit

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

This test element uses the WebKit syntax.

Mozilla

background: -moz-linear-gradient(left,  #fff,  #000);

This test element uses the Mozilla syntax.

Microsoft

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#000000');

This test element uses the Microsoft syntax.

I haven’t found a way to make the gradient go from left to right. Also, make sure you use six hex figures, not three, or IE may get confused.