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