CSS3动画无法在IE11和Microsoft Edge中运行

Question

这个动画在chrome，firefox和opera中运行得非常好。 但它不适用于IE11和Microsoft Edge。有人可以指出它为什么不起作用，我怎样才能使它工作？

https://jsfiddle.net/0suvxsL3/1/

代码已在使用vendor prefixes

Answer 1

最后，我解决了这个问题。问题出在calc()上。它在IE和Edge中的关键帧内不起作用。这可以通过链接多个translateX()来构建calc()内的表达式来解决。

例如：

left: calc(100vw - 20px)与

相同

left: translateX(100vw) translateX(-20px)

Updated jsfiddle