Nexus Mobile에서 웹 키트 애니메이션 회전이 작동하지 않습니다.

Question

Ionic 하이브리드 응용 프로그램에서 이중 링 레이더 애니메이션을 제작할 예정입니다. 브라우저에서 정상적으로 작동하지만 Nexus 모바일에서는 작동하지 않지만 다른 모바일에서는 정상적으로 작동합니다.

샘플 : 내가 홀로 요소의 후 이전에 다음 두 줄을 제거하면 Code pen example

다음 그것이 흔들림을 필요로하거나 애니메이션을 시작하는 회전 그렇지 않으면 표시합니다.

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

Answer 1

Nexus 모바일에서는 테스트하지 못했지만 int 값에 대한 무한 매개 변수를 변경하고 다시 테스트 할 수 있습니까?

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