我可以使用CSS3/HTML 5在文本上使用水平多色渐变吗？

Question

我正在尝试用CSS 3样式替换当前在网站上使用的基于sIFR的闪光效果.我使用CSS 3可以很好地处理文本渐变效果,但原始的sIFR实现有多种颜色,而不仅仅是一种颜色的简单渐变.

有人能为我提供一个使用沿水平轴的多种颜色样式化文本元素(例如H2)的示例吗？

谢谢,Brian.

Answer 1

据我所知,这只能在webkit中实现

h1 {
  font-size: 72px;
  background-image: -webkit-gradient(
    linear,
    left top,
    right top,
    color-stop(0.03, rgb(250,3,3)),
    color-stop(0.52, rgb(240,255,127)),
    color-stop(0.76, rgb(42,24,173)));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

http://jsfiddle.net/gEGHq/1