CSS3 Ken Burn效果在页面滚动时暂停,然后再次播放以获得流畅的动画效果



我在这个社区的其他人的帮助下建立了CSS3 Ken Burn效应。在我们切换到翻译动画之前,它一直很不稳定。现在它非常光滑。

http://jsfiddle.net/gxUhH/52/

现在的问题是,当页面在触摸屏设备上滚动时,它会变得不稳定。据推测,这是由于所需的额外处理能力。

我认为解决方案是暂停滚动时的动画,然后在滚动完成后再次播放。我不知道如何做到这一点。我也很乐意听到关于这个问题的任何其他建议。

上面的小提琴将向你展示它的全部功能。WebKit目前仅适用。

有什么想法吗?

惊人的

我遇到了一些闪烁和抖动动画的问题,这一点解决了它:

-webkit-perspective: 1000;
-webkit-backface-visibility: hidden;

最新更新