Je trouve cette solution très ingénieuse pour pouvoir appliquer un effet de gradient sur du texte et en CSS.
Cela peut paraitre compliqué, et pourtant !!! C'est là que l'on voit la puissance des CSS
Voici comme le réaliser.
Code xhtml
<h1><span></span>CSS Gradient Text</h1>
et code CSS
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;
}
la clé du succès se situe dans les paramètres h1 { position: relative } et h1 span { position: absolute }
Si vous le souhaitez vous pouvez très bien adapter ce système pour donner un effet web2.0 à tous vos titres.
Pour cela réalisez le png qui va bien 
Les avantages de cette technique :
- technique valide pour tous les navigateurs puisqu'elle n'intègre pas de javascript ou de flash
- vous pouvez utiliser la police que vous souhaitez
- Voir des démonstrations
- Télécharger un package de test
Merci WebDesignerWall
