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

Question

我正在尝试用 CSS 3 样式替换网站上当前使用的基于 sIFR 的闪光效果。我的文本渐变效果使用 CSS 3 效果很好，但最初的 sIFR 实现有多种颜色，而不仅仅是一种颜色到另一种颜色的简单渐变。

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

谢谢， 布赖恩。

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