Плавная прозрачность от края до края JQuery

M9
На сайте с 25.10.2011
Offline
25
495

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

Конечно, можно это решить запихнув каждую букву в span.

Но может есть способ по проще?

Прошу помощи.

Алексей Барыкин
На сайте с 04.02.2008
Offline
272
#1

Самое простое - это над надписью перемещать полупрозрачный PNG, в котором градиентом выполнена заливка от прозрачного цвета до фона сайта.

M9
На сайте с 25.10.2011
Offline
25
#2
Алексей Барыкин:
Самое простое - это над надписью перемещать полупрозрачный PNG, в котором градиентом выполнена заливка от прозрачного цвета до фона сайта.

Так вот нельзя.

Фон прозрачный, фон может быть любым в итоге.

Алексей Барыкин
На сайте с 04.02.2008
Offline
272
#3
metaller92:
Так вот нельзя.

Фон прозрачный, фон может быть любым в итоге.

Тогда копать в сторону canvas и css3

C
На сайте с 04.02.2005
Offline
277
#4

Как всегда только идея

<div id="fon">

<div>content</div>
</div>

html =$('#fon').html()
new =$('<div></div');
new.html(html);
$('#fon').html(new)

new.BGanimation(); //нужно написать

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий