Return to Snippet

Revision: 11819
at February 19, 2009 16:26 by selfmadepsyche


Initial Code
<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]-->

Initial URL

                                

Initial Description

                                

Initial Title
Gradient Text Effect

Initial Tags
css, html

Initial Language
HTML