Анимированный фон в PNG с помошью htm, css, mootools и т.д.

[ELF0007]

Здравствуйте уважаемые!

Возникла проблема, а именно:
Есть к примеру PNG изображение:

Белый цвет - это прозрачный фон.
Задача: Необходимо его разместить в нужной области вэб страницы и сделать так чтобы вместо белого (прозрачного слоя) шел фон заранее подготовленный с бесконечным циклом, т.е. чтобы цветом букв был фон двигающийся с права на лево. Одна реализация есть но, глюки у нее страшные, порывшись в нете не нашел ничего стоящего. Заранее благодарю за помощь!

 

[Дмитрий Кесаев]

<div style="background-image: url('1.gif');"><img src="1.png"></div>

Гиф анимация...
PNG прозрачная


Для теста брал эту анимашку: Для просмотра ссылки Войди или Зарегистрируйся

вышло анимированно:

 

[esche]

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

Берём "бесконечный" фон и по таймеру (setInterval) меняем его

background-position: 1px, затем 2px  итд..

Либо готовим "бесконечный" gif-рисунок, который будет лежать "под" слоем с PNG-шкой. (видимо, это и демонстрируется на "неанимированном" рисунке

Спойлер

Для просмотра ссылки Войди или Зарегистрируйся

 

[e1f1k]

Для просмотра ссылки Войди или Зарегистрируйся вот неплохой генератор анимации css 3.0 или вот прям урок по анимации фона сodematrix.ru/Записки/Сайты/90-Делаем-анимированный-фон-на-сайте.html

Ну или прямо решение твоей проблемы - Для просмотра ссылки Войди или Зарегистрируйся