此动画在 IE11 中的表现与我预期的不同。
它应该像书一样打开。
它创建于 Google Web Designer (为简洁起见,省略了大部分代码)。
但是以下内容在 Chrome 中有效(唯一的区别是我包含了 WebKit 前缀)。
兴趣点:
@keyframes mykeyframes {
0% { transform: translate3d(0px, 0px, 2px); }
100% { transform: matrix3d(-0.9998476952, 0, 0.0174524064, 0, 0, 1, 0, 0, -0.0174524064, 0, -0.9998476952, 0, 0, 0, 2, 1); }
}
更新 只是注意到,如果您不“完全”为其设置动画(因此它只会部分打开),那么它在 IE11 中工作正常 - http://jsfiddle.net/e45q5/3/
更新2 我相信它与这个错误有关:https://groups.google.com/forum/#!newtopic/gwdbeta/gwdbeta/EOKnHw5qXmk
最佳答案
我无法调试 matrix3d
值,但我可以通过编辑动画来模拟效果:
@keyframes mykeyframes {
0% { transform: rotateY(0deg); }
100% { transform: rotateY(-180deg); }
}
关于CSS 3D 动画在 IE11 中无法正常工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23224344/