CSS：渐变文字颜色？

Question

我试图让一些文字有渐变色，但我不知道如何。我试图这样做：

我唯一尝试过的是-webkit-mask，但我无法按照我的意愿行事。另一件事是-webkit-gradient属性中的color - 可能吗？

跨浏览器兼容性非常重要，但不是世界末日。我更喜欢IE中的文本是纯色而不是将整个事物转换成图像（有很多这样的文本，有些是动态的）。

Answer 1

对于基于webkit的浏览器（Chrome＆amp; 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＆amp;其他人：

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