цвет текста затухания (чистый CSS)

Question

Я пытаюсь добиться эффекта, который можно увидеть здесь в правом нижнем углу, где имя исполнителя и название трека исчезают вправо.

Моей первой попыткой было создание наложенного изображения, но это привело к появлению уродливого края справа, потому что цвета будут добавлены. (Может быть, я могу вычесть изображения перед их использованием?) ( это выглядит так)

Затем я искал атрибут CSS 3, который совместим с кроссбраузером. Но я даже не нашел решения, которое работает со всеми современными браузерами.

РЕДАКТИРОВАТЬ: Я не ищу анимацию. Я хочу иметь градиент.

Кажется, это очень сложно объяснить. Я понял, как далеко я прошел: http://jsfiddle.net/z7cK2/

ОТВЕТ: ОЙ, не важно ... Кажется, я просто использовал старое изображение м (

Answer 1

Какое изображение вы пытались наложить?

Метод 1 (изображение):

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

Использование изображения с абсолютным позиционированием в качестве наложения.

Метод 2 (CSS3 градиент):

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

Используйте наложенный DIV с градиентом CSS3.