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