Wednesday, September 7, 2011

Applying a Background Gradient with Css

Applying a css background gradient

.css-grd 
{
/* default bg color, for all layout engines that don't implement gradients */
background: #2a6da9;

/* For gecko based browsers */
background: -moz-linear-gradient(top, #55aaee, #003366);

/* For webkit based browsers */
background: -webkit-gradient(linear, left top, left bottom, from(#55aaee), to(#003366));

/* For Internet Explorer */
filter:progid:DXImageTransform.Microsoft.Gradient
(endColorstr='#003366', startColorstr='#55aaee', gradientType='0');
}

Reference: http://www.tankedup-imaging.com/css_dev/css-gradient.html

No comments:

Post a Comment