CSS：渐变文字颜色？

Question

我试图让一些文本具有渐变颜色，但我不知道如何。我试图让这样的：

我试图唯一的一点是-webkit-mask，但我无法得到那个工作如何我想它。另一件事是color财产-webkit-gradient - 这可能吗？

跨浏览器兼容性相当重要，但不是世界的尽头。我更喜欢在IE中将文本转换为纯色，而不是将整个东西转换为图像（这里有相当多的文字，有些是动态的）。

Answer 1

对于基于WebKit浏览器（浏览器&的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/