CSS 3D動畫不IE11

正常工作，該動畫不會表現爲我期望它在IE11。CSS 3D動畫不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 我相信它與這個bug有關：https://groups.google.com/forum/#!newtopic/gwdbeta/gwdbeta/EOKnHw5qXmk

來源

2014-04-22 Andrew Gee

我不能調試matrix3d價值，但我可以通過編輯動畫模擬效果：

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

http://jsfiddle.net/e45q5/2/

來源

2014-04-22 16:00:26

這是偉大的。我想知道爲什麼它不適用於'matrix3d'，因爲這是Google Web Designer自動生成的。 –

剛發現一些有趣的事情，更新的問題。 –

CSS 3D動畫不IE11

回答

相關問題