Standard gradient from top to bottom


    

From left to right


    

From left bottom to right bottom


    
-webkit-linear-gradient is for Safari 5.1 to 6.0
-o-linear-gradient is for Opera 11.1 to 12.0
-moz-linear-gradient is for Firefox 3.6 to 15
filter:progid:DXImageTransform.Microsoft.Gradient is for Internet Explorer 5.5 - 9
-ms-filter is for Internet Explorer 10
linear-gradien - standard syntax (must be last). All new and good browsers