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;