Text Gradients Simples

Fala pessoal,hoje trago para vocês um recurso bem legal em letras,utilizando CSS3.O text gradients é um degradê em letras.

Demonstração
Este efeito é bem simples de fazer! Vamos lá:

Para utilizar este recurso,basta adicionar o seguinte código em seus códigos CSS.
h1 { background-image: -webkit-gradient( linear, left top, left bottom, from(rgba(0, 0, 0, 1)), to(rgba(243, 255, 114, 1)) );
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-size:120px; }

< Editado Por Jorge Linhares >

. Como podem ter visto no código acima o mesmo só funciona em navegadores com webkit.
. Os formatos das cores estão em RGBA mas podem se usado Hexadecimal também.
. O CSS3 consta no h1 ou título de maior expressão, mas poderia ser feito em qualquer class
. O 'From' é exatemente a cor superior, ou seja a cor que fica em cima.
. O 'to' é exatemente a cor inferior, ou seja a cor que fica em baixo.
. O '-webkit-background-clip: text;' Define que o background ocorrerá em um texto.
. O '-webkit-text-fill-color: transparent;' Define que será em degradê a mudança de cores.