Texto com degradê pelo CSS

Para ficar como no exemplo abaixo, basta copiar esse código e colocá-lo em seu css (entre <style> e </style> ). Fique à vontade para fazer as modificações de cores e tamanho.


Sweet Poison
.generatesweet_gradient_53823666ab3cc {position:absolute;top:0;right:0;font-size:8px;color:#cccccc;}
.generatesweet_gradient_53823666ab3cc a {color:#cccccc;text-decoration:none;font-weight:normal;}
.generatesweet_gradient_53823666ab3cc a:hover {color:#cccccc;text-decoration:none;font-weight:normal;}
.generatesweet_text_53823666ab3cc {font-size: 80px;font-family: Helvetica;color: #663399;background: -webkit-linear-gradient(left, #663399, #d9cce6);background: linear-gradient(left, #663399, #d9cce6);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
E colocar o código abaixo onde você quiser que ele apareça:
<span class="generatesweet_text_53823666ab3cc">Sweet Poison</span>
Por: Pâmela Sampaio em 25/05/14
Não copiem os códigos e nem o tutorial.
Se for útil de alguma forma, creditem!
Facebook Twitter Pinterest Google+ Email Addthis