webkit animation rotate not working in Nexus Mobile
<p>I am creating a double ring radar animation in an Ionic hybrid application. 
It is working fine in browser but it is not working in the Nexus mobile but works fine in other mobile.</p>

<p>Sample : <a href="http://codepen.io/fixcl/pen/lvCFr" rel="nofollow">Code pen example</a></p>

<p>If i remove the following two lines in the before after of Holo element then it displays otherwise it needs a shake or rotate to initiate the animation.</p>

<pre><code>-webkit-animation: rotarIz 2s -0.5s linear infinite;
          animation: rotarIz 2s -0.5s linear infinite;
</code></pre>