iPhone的WebKit CSS动画导致闪烁问题

88

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

点击“现在播放”,您将进入一个游戏。枪支将滚动进入。您可以上下滚动钱包和配件。当您松开时,它们会自动对齐。就在对齐发生的同时,会出现闪烁。我所使用的仅是 webkit 动画:

'-webkit-transition': 'none'

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

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

我根据是否需要动画来选择第一或第二个转换,而变换是移动物品的唯一方法。

最大的问题是,当你点击“匹配物品”,然后点击“再玩一次”时。你会发现当枪支动画播放时,饰品/钱包的整个背景都变成了白色。有人可以给我解释一下为什么会这样吗?

21个回答

0

更新 2019

您可以通过将以下规则添加到使用过渡的元素上来启用闪烁。

-webkit-transform: translate3d(0, 0, 0);

在Safari上为我工作


网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接