Gradient text effect
<h1><span></span>CSS Gradient Text</h1>
h1 {
font : bold 330 % / 100 % "Lucida Grande" ;
position : relative ; color : # 464646 ;
}
h1 span {
background : url ( gradient .png ) repeat-x ;
position : absolute ; display : block ;
width : 100 % ; height : 31px ;
}
<!-- [ if lt IE 7 ] >
<style>
h1 span {
background : none ;
filter: progid :DXImageTransform .Microsoft .AlphaImageLoader ( src= 'gradient.png' , sizingMethod= 'scale' ) ;
}
</style>
<! [ endif ] -->
