title: animate flipping an element horizontally in IE11
body: <p>I'm trying to animate an element back and forth, with a flip at each end. I'm using a CSS animation with scaleX(-1) at the end. It works fine in everything but IE, where it's shooting the element all the way off the page, then sliding it back into position.</p>
  
  <pre><code>@keyframes moveAndFlip {
      48% {   
          transform: translateX(12vh) scaleX(1);
      }
      50% {
          transform: translateX(12vh) scaleX(-1); 
      }
      98% {
          transform: translateX(0) scaleX(-1);    
      }   
  }
  </code></pre>
  
  <p><a href="http://jsfiddle.net/pq9yqscy/2/" rel="nofollow">http://jsfiddle.net/pq9yqscy/2/</a></p>
  
  <p>Is this a known issue in IE? Another way to tackle it?</p>