淡出文字颜色(纯css)

use*_*061 1 html css css3

我试图在右下角看到效果,这里可以看到艺术家名称和曲目标题向右淡出.

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

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

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

这似乎很难解释.我做了一个小提琴我有多远:http://jsfiddle.net/z7cK2/

答案:哦,没关系......似乎我只是用旧图像m(

Ale*_*lex 6

你尝试覆盖什么样的图像?

方法1(图片):

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

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

方法2(CSS3渐变):

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

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