iOS 13及更低版本的CSS动画闪烁

Question

当几个CSS旋转关键帧动画层叠在一起时，其中一些层"眨眼；如此Codepen示例所示：https://codepen.io/JoshuaVB/full/bGevLbR.

@keyframes waves{
0%{
transform: rotate(0deg);
}
100%{
transform: rotate(360deg);
}
}

这个问题似乎只发生在iOS 13及更低版本上。它有时可以在iOS 13模拟器上工作，但在iOS 12及以下版本上永远不会长时间工作。它适用于所有其他浏览器和设备。

单独渲染层时，闪烁的次数似乎会减少。然而，每个附加层似乎增加了更多的不稳定性/"不稳定性"；闪烁"；到最终产品。

Answer 1

我在这里找到了这个。我还没有测试它

-webkit-backface-visibility: hidden;