CSS3ではまだテキスト勾配を追加できますか？

Question

私はテキストのグラデーションを追加しようとしています。ネットtutsは約quick tipsを持っています。しかし、Webkitブラウザのためだけです。これは非常に古い投稿であるので、私はそこにクロスブラウザのソリューションがあるかどうかをチェックしています（無視する）。

私はFirefoxでこの作業を取得するために私が知っている唯一の方法は、残念ながら少し不器用であるSVG、を介して行われた背景勾配画像

Answer 1

を使用する方法を知っています。良い部分は、OperaとIE9でも（テストされていない）うまくいくはずです。 doctypeがXHTMLとして宣言され、XML（ugh）として機能する場合、Firefox 3.6で動作します。

<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> 

http://jsfiddle.net/sHaWW/

JSFiddle でそれをチェックアウト