该动画的行为不像我在IE11中所期望的那样。
它应该像书一样打开。
它是在Google Web Designer中创建的(为简洁起见,省略了大部分代码)。
但是,以下DOES在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/
Update2我认为它与以下错误有关:https : //groups.google.com/forum/#!newtopic/gwdbeta/gwdbeta/EOKnHw5qXmk
我无法调试matrix3d
值,但是可以通过编辑动画来模拟效果:
@keyframes mykeyframes {
0% { transform: rotateY(0deg); }
100% { transform: rotateY(-180deg); }
}
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句