jquery - 如何创建齿轮视差效果？

Question

我正在编写一个网站。在文档的侧面，我计划将半齿轮固定在页面上 (img{position:fixed;})，当向上或向下滚动时它们会旋转。我知道这可能是使用视差滚动。

在尝试使用各种技术创建这种效果数小时后，我一直没有成功。有谁知道我可以使用 CSS3、jQuery、Adobe Muse 或 Adob​​e Edge Animate 创建这种影响的方法吗？

Answer 1

首先，您在边缘动画中构建了齿轮。自动播放并使用旋转关键帧。然后放置在缪斯你固定到顶部，并在滚动效果下单击像素前进。在这里查看我的演示教程。

http://gearscroll.businesscatalyst.com/index.html

我只是为你快速地把这些放在一起。如果您愿意，我很乐意将动画和缪斯文件发送给您。