CSS3是否可以添加文本渐变?
我正在寻找增加文本梯度。网络图坦卡门对此有一个很好的解释。但它只适用于webkit浏览器。由于这是一篇很老的帖子,我正在检查是否有跨浏览器的解决方案(忽略ie)CSS3是否可以添加文本渐变?,css,Css,我正在寻找增加文本梯度。网络图坦卡门对此有一个很好的解释。但它只适用于webkit浏览器。由于这是一篇很老的帖子,我正在检查是否有跨浏览器的解决方案(忽略ie) 我知道如何使用背景渐变图像我知道在Firefox中实现这一点的唯一方法是通过SVG,不幸的是这有点笨拙。好的方面是,它也应该在Opera和IE9中工作(未经测试)。如果doctype被声明为XHTML并作为XML(ugh)提供,那么它将在Firefox3.6中工作 好梯度 在JSFiddle上查看它 <svg height=
我知道如何使用背景渐变图像我知道在Firefox中实现这一点的唯一方法是通过SVG,不幸的是这有点笨拙。好的方面是,它也应该在Opera和IE9中工作(未经测试)。如果doctype被声明为XHTML并作为XML(ugh)提供,那么它将在Firefox3.6中工作
好梯度
在JSFiddle上查看它
<svg height="200" width="500">
<defs>
<linearGradient id="gradient" x1="0%" y1="0%" x2="0%" y2="100%">
<stop offset="0%" style="stop-color:rgb(255,255,255); stop-opacity:1"/>
<stop offset="100%" style="stop-color:rgb(60,60,60); stop-opacity:1"/>
</linearGradient>
</defs>
<text x="0" y="150" font-family="Arial Black, Arial" font-size="55" fill="url(#gradient)" letter-spacing="-1" class="svg_text">
NICE GRADIENT
</text>
</svg>