JQuery Hintergrund Maske oder mehrere Hintergrundebenen

Question

Ich bin ein Flash-Site zu jquery Umwandlung und das einzige, was mich in Neuerstellung der Fußzeile stapfte hat: http://www.kevinkubota.com/

Kennt jemand eine Möglichkeit, diesen Effekt zu erstellen. Ein einzelnes Bild wird dies nicht tun, da das Formhintergrundmuster fixiert bleibt, während sich die Welle von links nach rechts bewegt. Layering Stacking mit einer Maske ist ein Nein, da es drei Ebenen gibt.

Dank

Answer 1

Sie können diesen Effekt mit zwei Bildern neu erstellen. Das Hintergrundmuster könnte ein horizontales sich wiederholendes jpg sein. Für die Wellen erstellen Sie zwei Png-Dateien, eine mit halbtransparenten Wellen an der Spitze und eine mit ihnen an der Unterseite. Der Rest der PNG-Dateien ist vollständig transparent. Erstellen Sie zwei Divs mit diesen Dateien als Hintergrundbild und verwenden Sie dann jQuery, um sie links und rechts zu animieren.