动画在IE11中水平翻转元素

Question

我试图来回动画一个元素，每一端都有一个翻盖。我在最后使用带有scaleX（-1）的CSS动画。除了IE之外，它在除了页面之外一直在拍摄元素，然后将其滑回原位时，它可以正常工作。

@keyframes moveAndFlip {
    48% {   
        transform: translateX(12vh) scaleX(1);
    }
    50% {
        transform: translateX(12vh) scaleX(-1); 
    }
    98% {
        transform: translateX(0) scaleX(-1);    
    }   
}

http://jsfiddle.net/pq9yqscy/2/

这是IE中的已知问题吗？另一种解决方法？