如何制造齿轮视差效果？

Question

我正在编写一个网站。在文档的两侧，我计划在页面上固定半档（img {position：fixed;}），当向上或向下滚动时会旋转。我知道这可以是视差滚动的使用。

用各种技术试图创造这种效果几个小时后，我一直没有成功。有没有人知道我可以使用CSS3，jQuery，Adobe Muse或Adobe Edge Animate创建这种效果的方法？

Answer 1

首先，您在边缘动画中制作了齿轮。自动播放和使用旋转关键帧。然后放置在冥想中，你将它固定在顶部，在滚动效果下，你可以点击前进。在这里查看我的教程和演示。

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

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