title: How to override css child class property using ng-style in AngularJS?
body: <p>I want to override css child class property using ng-style in AngularJS.</p>
  
  <p>For instance my code is:</p>
  
  <pre><code>.spin-preloader
  {
          width:54px;
          -webkit-animation:mymove 1s infinite;
          -animation:mymove 1s infinite;
  }
  
  @webkit-animation mymove
  {
      from  
      {
          left:0px;
      }
      to
      {
          left:80px;  
      }
  }
  </code></pre>
  
  <p>I want to write html code like this:</p>
  
  <pre><code>&lt;div class="spin-preloader" ng-style="-----?----" /&gt;
  </code></pre>
  
  <p>i want to override 80 px of 'to' of @webkit-animation class</p>
  
  <p>Is there any way to do this? I mean what should be the correct way to achieve this?</p>