CSS3: Añadiendo un gradiente de color a un texto

Buscando una forma de añadir un gradiente de color a un texto utilizando el -webkit-gradient de CSS3, y con la inestimable ayuda de sipuedo y cssbarcelona, se nos ocurrió que podría salir aplicándolo como color de fondo con un background-clip de la siguiente manera:
No funciona:

color: -webkit-gradient(linear, left bottom, left top, color-stop(0, #b26300), color-stop(1, #fb8e00)
);
Sí funciona
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #b26300), color-stop(1, #fb8e00));
-webkit-background-clip: text;
-moz-background-clip: text;

About Gotardo González

Nací en Granada en 1983 pero desde hace un tiempo vivo en tierras extremeñas. Desde hace unos años soy desarrollador de aplicaciones web y actualmente trabajo como freelance.


Leave a Reply

Your email address will not be published. Required fields are marked *

*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre lang="" line="" escaped="" highlight="">