javascript - jQuery是否有某种撕裂图像动画效果？

Question

我想知道今天是否存在某种使用 jQuery 的撕裂图像动画效果？不像是一百万块，而是像中间撕开一张图片的效果？向两边移动。还是这需要使用 Flash 动画？谢谢！

Answer 1

您可以使用 javascript 和 css3 完成此操作。

只需让 javascript 复制图像（可能是具有背景的 div 作为图像）并将其粘贴到自身上。然后让左图显示第一个像素 0 到 50%，右图应该显示像素 50% 到 100%，背景右对齐。然后，您可以让 css 或 jquery 将每一侧分开。您需要添加一些额外的样式来创建撕裂外观，但这是完全可行的。