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

Статус
В этой теме нельзя размещать новые ответы.

ELF0007

Старатель
Регистрация
3 Авг 2008
Сообщения
176
Реакции
11
Здравствуйте уважаемые!

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

Белый цвет - это прозрачный фон.
Задача: Необходимо его разместить в нужной области вэб страницы и сделать так чтобы вместо белого (прозрачного слоя) шел фон заранее подготовленный с бесконечным циклом, т.е. чтобы цветом букв был фон двигающийся с права на лево. Одна реализация есть но, глюки у нее страшные, порывшись в нете не нашел ничего стоящего. Заранее благодарю за помощь!
 
  • Заблокирован
  • #2
PHP:
<div style="background-image: url('1.gif');"><img src="1.png"></div>

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


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

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

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

Берём "бесконечный" фон и по таймеру (setInterval) меняем его
Код:
background-position: 1px, затем 2px  итд..

Либо готовим "бесконечный" gif-рисунок, который будет лежать "под" слоем с PNG-шкой. (видимо, это и демонстрируется на "неанимированном" рисунке
Bezimyanni_6569533_9676188.jpg
Для просмотра ссылки Войди или Зарегистрируйся
 
  • Заблокирован
  • #4
Для просмотра ссылки Войди или Зарегистрируйся вот неплохой генератор анимации css 3.0 или вот прям урок по анимации фона сodematrix.ru/Записки/Сайты/90-Делаем-анимированный-фон-на-сайте.html

Ну или прямо решение твоей проблемы - Для просмотра ссылки Войди или Зарегистрируйся
 
Статус
В этой теме нельзя размещать новые ответы.
Назад
Сверху