Android css3渐变文字问题

Question

如何让渐变文字与css3在android中工作？

Answer 1

你想要webkit background-clip：text;设置：

更多的例子见http://www.css3.info/webkit-introduces-background-cliptext/

Answer 2

我在谷歌上找到了这个。它覆盖了文本上的跨度，因此您的背景需要与渐变颜色相同，但它应该适用于所有浏览器。

http://webdesignerwall.com/tutorials/css-gradient-text-effect

另一种选择，这确实掩盖了文本所以你可以把它放在任何背景，是使用-webkit-gradient:和-webkit-mask-image:，这将在Android的工作，因为它使用了WebKit渲染引擎，但不能在Firefox或IE。 Firefox有另一种选择-moz-linear-gradient:，但是我不知道你可以如何将它掩盖到文本上，而在IE上，我没有线索......我很确定它还没有被支持。继承人的视频教程和示例代码如何使用它：

http://net.tutsplus.com/tutorials/html-css-techniques/quick-tip-pure-css-text-gradients/

希望它能帮助！