CSS: цвет градиента?

Question

Я пытаюсь получить текст с градиентным цветом, но я понятия не имею. Я пытаюсь получить это следующим образом:

Единственное, что я попробовал это -webkit-mask, но я не мог получить, что работа, как я хотел. Другое дело было бы -webkit-gradient в собственности color - это возможно?

Совместимость с кросс-браузером довольно важна, но не конец света. Я бы предпочел, чтобы текст был сплошным цветом в IE, чем преобразовать всю вещь в изображение (имеется довольно немного текста, подобного этому, а некоторые из них динамические).

Answer 1

Для браузеров WebKit основе (Chrome & Safari):

.text { 
    font-size: 20px; 
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#111)); 
    -webkit-background-clip: text; 
    -webkit-text-fill-color: transparent; 
} 

Для IE & другие:

http://www.webdesignerwall.com/demo/css-gradient-text/