Фоновая маска Jquery или несколько фоновых слоев - PullRequest
0 голосов
/ 30 марта 2012

Я конвертирую флеш-сайт в jquery, и единственное, что мешало мне воссоздать нижний колонтитул: http://www.kevinkubota.com/

Кто-нибудь знает способ воссоздать этот эффект. Одно изображение не подходит, поскольку фоновый рисунок формы остается фиксированным, когда волна движется слева направо. Наложение слоев с помощью маски не допускается, поскольку существует три слоя.

Спасибо

1 Ответ

0 голосов
/ 30 марта 2012

Вы можете воссоздать этот эффект, используя два изображения. Фоновый рисунок может быть горизонтальным повторяющимся jpg. Для волн создайте два файла png, один с полупрозрачными волнами вверху и один с ними внизу. Остальные файлы png полностью прозрачны. Создайте два элемента div с этими файлами, установленными в качестве фонового изображения, а затем используйте jquery для их анимации влево и вправо.

...