我在这个社区的其他人的帮助下建立了CSS3 Ken Burn效应。在我们切换到翻译动画之前,它一直很不稳定。现在它非常光滑。
http://jsfiddle.net/gxUhH/52/
现在的问题是,当页面在触摸屏设备上滚动时,它会变得不稳定。据推测,这是由于所需的额外处理能力。
我认为解决方案是暂停滚动时的动画,然后在滚动完成后再次播放。我不知道如何做到这一点。我也很乐意听到关于这个问题的任何其他建议。
上面的小提琴将向你展示它的全部功能。WebKit目前仅适用。
有什么想法吗?
惊人的
我遇到了一些闪烁和抖动动画的问题,这一点解决了它:
-webkit-perspective: 1000;
-webkit-backface-visibility: hidden;