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/