css - webkit 动画旋转在 Nexus Mobile 中不起作用

Question

我正在 Ionic 混合应用程序中创建双环雷达动画。 它在浏览器中运行良好，但在 Nexus 移动设备上不起作用，但在其他移动设备上运行良好。

样本:Code pen example

如果我删除了 Holo 元素前后的以下两行，那么它会显示，否则它需要摇动或旋转来启动动画。

-webkit-animation: rotarIz 2s -0.5s linear infinite;
          animation: rotarIz 2s -0.5s linear infinite;

Answer 1

我无法在 Nexus mobile 中进行测试，但是您可以将 infinite 参数更改为 int 值并再次测试吗？

-webkit-animation: rotarIz 2s -0.5s linear 10;
animation: rotarIz 2s -0.5s linear 10;