CSS：渐变文本颜色？(CSS: Gradient text colour?)

我试图让一些文本有渐变色，但我还没有线索如何。 我试图得到它是这样的：

我曾尝试的唯一的事情就是-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/

文章来源: CSS: Gradient text colour?