Text Gradients With Css

[Guest infinitystuff]

hi guys, i've heard that we can make text gradients with css, how can that possibly happen??

[CanadianGuy]

Hi,There may be another method but you can add a 1px gradient PNG (with alpha transparency) over the text.

<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;}

[Synook]

Without using images, you can create a whole lot of 1px-tall elements, each with a slightly variant background-color.