CSS3 动画在 IE11 和 Microsoft Edge 中不工作
CSS3 animation not working in IE11 and Microsoft Edge
此动画在 chrome、firefox 和 opera 中运行良好。
但它在 IE11 和 Microsoft Edge 中不起作用。有人能指出为什么它不起作用吗？我怎样才能让它起作用？
https://jsfiddle.net/0suvxsL3/1/
代码已经在使用 vendor prefixes
终于，我解决了这个问题。问题出在 calc()。它在 IE 和 Edge 的关键帧内不起作用。这可以通过链接多个 translateX() 来构造 calc().
中的表达式来解决
例如：
left: calc(100vw - 20px) 等同于
left: translateX(100vw) translateX(-20px)
此动画在 chrome、firefox 和 opera 中运行良好。 但它在 IE11 和 Microsoft Edge 中不起作用。有人能指出为什么它不起作用吗？我怎样才能让它起作用？
https://jsfiddle.net/0suvxsL3/1/
代码已经在使用 vendor prefixes
终于，我解决了这个问题。问题出在 calc()。它在 IE 和 Edge 的关键帧内不起作用。这可以通过链接多个 translateX() 来构造 calc().
例如：
left: calc(100vw - 20px) 等同于
left: translateX(100vw) translateX(-20px)