I'm currently working on developing a double ring radar animation within an Ionic hybrid application. The animation functions perfectly when viewed in a web browser, however, I've encountered issues when attempting to run it on the Nexus mobile device - although it works flawlessly on other mobile devices.
For reference, you can view a sample of the animation here: Code pen example
An interesting observation is that by removing the following two lines from the before and after elements of the Holo element, the animation displays without any issues. However, with these lines included, the animation requires a shake or rotation action to initiate.
-webkit-animation: rotarIz 2s -0.5s linear infinite;
animation: rotarIz 2s -0.5s linear infinite;