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

Question

在这个社区的其他人的帮助下，我构建了一个 CSS3 Ken Burn 效果。在我们切换到翻译动画之前，它很生涩。现在非常顺利。

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

现在的问题是，当页面在触摸屏设备上滚动时，它会变得生涩。这大概是因为需要额外的处理能力。

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

上面的小提琴将向您展示所有功能。目前只有 WebKit。

有任何想法吗？

奇妙

Answer 1

我在闪烁和生涩的动画方面遇到了一些问题，这一点修复了它：

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