フェードアウトテキストカラー（純正CSS）

Question

右下にhereと表示されているエフェクトを実現しようとしていますが、右下にアーティスト名とトラックタイトルがフェードアウトしています。

私は最初にオーバーレイ画像を作成しようとしましたが、これは色が追加されるため右端が醜いエッジになりました。 （おそらく私はそれらを使用する前に画像を引くことができますか？） （thisはどのように見えますか）

次に私はクロスブラウザー互換のCSS 3属性を探しました。しかし、私は現代のすべてのブラウザで動作するソリューションを見つけられませんでした。

EDIT：アニメーションを探していません。私はグラデーションを持っていたい。

これは説明するのが非常に難しいようです。私は私が得たどのくらいのバイオリンを作った：http://jsfiddle.net/z7cK2/

ANSWER：？OUCH、用事... は、私はちょうどあなたがオーバーレイしてみた画像のどのような古いイメージメートル（

Answer 1

を使用思えている

方法1（画像）：

http://jsfiddle.net/R3ndb/2/

はオーバーレイとして絶対位置する画像を使用し

。

方法2（CSS3勾配）：CSS3勾配で

http://jsfiddle.net/R3ndb/3/

使用オーバーレイしDIV。