Jquery背景蒙版或多个背景层

Question

我正在将一个flash站点转换为jquery，唯一让我在重新创建页脚时感到困惑的是：http://www.kevinkubota.com/。

有谁知道重现这种效果的方法。单张图片是不行的，因为当波浪从左向右移动时，形状背景图案保持不变。使用蒙版分层堆叠是行不通的，因为有三层。

谢谢

Answer 1

您可以使用两个图像重新创建此效果。背景图案可以是水平重复的jpg。对于波，创建两个png文件，一个在顶部具有半透明的波，另一个在底部具有半透明波。其余的png文件是完全透明的。创建两个div，将这些文件设置为背景图像，然后使用jquery向左和向右进行动画处理。