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

Тема в разделе "Веб-дизайн", создана пользователем ELF0007, 10 ноя 2013.

Статус темы:
Закрыта.
Модераторы: zek24
  1. ELF0007

    ELF0007

    Регистр.:
    3 авг 2008
    Сообщения:
    176
    Симпатии:
    9
    Здравствуйте уважаемые!

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

    Дмитрий Кесаев aka Zlobniy Babko

    Заблокирован
    Регистр.:
    10 май 2007
    Сообщения:
    1.332
    Симпатии:
    1.266
    PHP:
    <div style="background-image: url('1.gif');"><img src="1.png"></div>
    Гиф анимация...
    PNG прозрачная


    Для теста брал эту анимашку: http://mirgif.com/fony/fon-30.gif

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

    [​IMG]
     
    ELF0007 нравится это.
  3. esche

    esche

    Регистр.:
    9 авг 2009
    Сообщения:
    359
    Симпатии:
    243
    Берём "бесконечный" фон и по таймеру (setInterval) меняем его
    Код:
    background-position: 1px, затем 2px  итд..
    Либо готовим "бесконечный" gif-рисунок, который будет лежать "под" слоем с PNG-шкой. (видимо, это и демонстрируется на "неанимированном" рисунке
    [​IMG]

    http://jsfiddle.net/TRe6f/
     
    ELF0007 нравится это.
  4. e1f1k

    e1f1k Создатель

    Заблокирован
    Регистр.:
    29 окт 2008
    Сообщения:
    24
    Симпатии:
    2
    memo bg нравится это.
Статус темы:
Закрыта.