淡出文字颜色（纯css）

Question

我正试图在右下方看到here的效果，艺术家名称和曲目标题向右淡出。

我的第一次尝试是创建叠加图像，但这会在右边产生一个丑陋的边缘，因为颜色会增加。 （也许我可以在使用之前减去图像？） （this就是它的样子）

然后我搜索了一个兼容crossbrowser的CSS 3属性。但我甚至没有找到适用于所有现代浏览器的解决方案。

编辑：我不是在寻找动画。我想要一个渐变。

这似乎很难解释。我弄明白了我有多远：http://jsfiddle.net/z7cK2/

答案：哎呀，没关系...... 好像我刚用旧图像m（

Answer 1

您尝试覆盖哪种图像？

方法1（图片）：

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

使用绝对定位图像作为叠加层。

方法2（CSS3渐变）：

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

使用带有CSS3渐变的重叠DIV。