iPhone WebKit CSS 动画导致闪烁

Question

这是 iphone 网站: http://www.thevisionairegroup.com/projects/accessorizer/site/

点击“立即玩”后，您将进入游戏。枪支将卷入。您可以上下滚动钱包和配件。您可以看到，当您松开它们时，它们会卡入到位。就在快照发生时，出现了闪烁。我使用的唯一 webkit 动画是:

'-webkit-transition': 'none'

'-webkit-transition': 'all 0.2s ease-out'

'-webkit-transform': 'translate(XXpx, XXpx)'

我根据是否要设置动画来选择第一个或第二个过渡，而变换是我移动事物的唯一方式。

不过，最大的问题是当您点击“匹配元素”，然后点击“再次玩”时。你会看到随着枪支的动画出现，配饰/钱包的整个背景都变成了白色。有人可以告诉我一些关于为什么会发生这种情况的见解吗？？

Answer 1

我添加了 -webkit-backface-visiblity，这在很大程度上起到了帮助作用，但在重新加载页面后我仍然有初始闪烁。当我添加 -webkit-perspective: 1000 时，没有任何闪烁。

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