title: Rotate animation and translate?
body: <p>The rotate animation won't work with translate. I get, that I have to put translate in the same property with the rotate, but how is this possible when using keyframes? Code is like so:</p>
  
  <pre><code>@-webkit-keyframes rotating {
      from{
          -webkit-transform: rotate(0deg);    
  
      }
      to{
          -webkit-transform: rotate(360deg);  
      }
  }
  
  @keyframes rotating {
      from{
          transform: rotate(0deg);    
      }
      to{
          transform: rotate(360deg);  
      }
  }
  
  img{
      -webkit-transform:translate(-50%,-50%);
      transform:translate(-50%,-50%);
      -webkit-animation: rotating 2s linear infinite; 
      animation: rotating 2s linear infinite; 
      position:absolute;
      top:50%;
      left:50%;
  }   
  </code></pre>
  
  <p>This will make the rotation, but it disables the translate. If I put the translate into the rotating animation, the translate is being animated as well(ofcourse).</p>