Я нашел это в Google. Он накладывается на ваш текст, поэтому фон должен быть того же цвета, что и градиент, но он должен работать во всех браузерах.
http://webdesignerwall.com/tutorials/css-gradient-text-effect
Другой вариант, который маскирует текст, таким образом, вы можете поместить его в любой фон, заключается в использовании -webkit-gradient: и -webkit-mask-image:, которые будут работать в Android, поскольку он использует механизм рендеринга webkit, но не в Firefox или IE , У Firefox есть альтернатива -moz-linear-gradient:, но я не знаю, насколько хорошо вы можете замаскировать его для текста, хотя в IE я понятия не имею ... Я почти уверен, что он пока не поддерживается. Вот видеоурок и пример кода о том, как его использовать:
http://net.tutsplus.com/tutorials/html-css-techniques/quick-tip-pure-css-text-gradients/
Надеюсь, это поможет!