CSS3 Gradients


[sourcecode language=”css”]
#div {
background: #666666; /* Default Color For Old Browsers */

background: -moz-linear-gradient(top, #666666 0%, #000000 100%); /* Firefox */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #666666), color-stop(100%, #000000)); /* Webkit Browsers (Chrome & Safari)*/

background: -webkit-linear-gradient(top, #666666 0%, #000000 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top, #666666 0%, #000000 100%); /* Opera */

background: -ms-linear-gradient(top, #666666 0%, #000000 100%); /* IE10+ */

background: linear-gradient(top, #666666 0%, #000000 100%); /* W3C */
}

[/sourcecode]

Add this to the end of the css for older Internet Explorer support

[sourcecode language=”css”]
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=’#666666′, endColorstr=’#000000′,GradientType=0 ); /* IE6-9 */
[/sourcecode]