CSS 3D动画在IE11中无法正常工作

此动画的行为与我在IE11中预期的不同

它应该像书一样打开

它是在中创建的（为了简洁起见，省略了大部分代码）

然而，以下内容在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中工作得很好-

更新2

---

我相信这与此bug有关：

我无法调试

matrix3d

值，但我可以通过编辑动画来模拟效果：

 @keyframes mykeyframes {
      0% { transform: rotateY(0deg); }
      100% { transform: rotateY(-180deg); }
 }

---

太好了。我想知道为什么它不适用于

matrix3d

，因为这是googleweb设计器自动生成的。