Last Updated: February 25, 2016
·
384
· mwgriffith

Gradients for older browsers

The following css should work in older versions of IE at least as far back as 7 and Firefox and Chrome.

.hd {
  background-image: -moz-linear-gradient(top, #641d1c, #f00); 
  background-image: -webkit-gradient(linear, left top, left bottom, from(#641d1c), to(#f00)); 
   filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff641d1c,endColorstr=#ffff0000);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff641d1c,endColorstr=#ffff0000)";
}