CSS Gradient Background

This works in:

* Firefox >=3.6
* MSIE >=5.5 (!)
* Safari >=4
* Chrome

And it degrades gracefully in older browsers and Opera.

<strong>Vertical Gradient CSS:</strong>

.gradientV{
/* thanks to http://blog.fakedarren.com/2010/01/cross-browser-css-gradients/ */
/* and http://www.puremango.co.uk/2010/04/css-gradient/ */
/* fallback (Opera) */
background: #008800;
/* Mozilla: */
background: -moz-linear-gradient(top, #00FF00, #000000);
/* Chrome, Safari:*/
background: -webkit-gradient(linear,
left top, left bottom, from(#00FF00), to(#000000));
/* MSIE */
filter: progid:DXImageTransform.Microsoft.Gradient(
StartColorStr=’#00FF00′, EndColorStr=’#000000′, GradientType=0);
}

<strong>Horizontal Gradient CSS:</strong>
.gradientH{
/* thanks to http://blog.fakedarren.com/2010/01/cross-browser-css-gradients/ */

/* fallback (Opera) */
background: #008800;
/* Mozilla: */
background: -moz-linear-gradient(left, #00FF00, #000000);
/* Chrome, Safari:*/
background: -webkit-gradient(linear,
left top, right top, from(#00FF00), to(#000000));
/* MSIE */
filter: progid:DXImageTransform.Microsoft.Gradient(
StartColorStr=’#00FF00′, EndColorStr=’#000000′, GradientType=1);
}