IEの変換が正しく動作しない

Question

カードを反転できる場所を編集しました。カードの裏面は、IEに示されていない

.flip .card.flipped { 
-webkit-transform: rotatex(-180deg); 
-ms-transform: rotatex(-180deg); 
} 

それはChromeとFirefoxで正常に動作しますが、あなたがIEで開いたときに、それが正常に動作しない... ...何をしています私は間違っている？

はここでフィドルです：保存-3Dプロパティ：IEでhttps://jsfiddle.net/MichaHumbel/asd17pb2/

Answer 1

http://caniuse.com/#feat=transforms3d

部分的なサポートは、変換形式をサポートしていないことをいいます。これにより、3D変換された要素のネストが防止されます。

コードでtransform-style：preserve-3dプロパティを使用しているので、これが問題です。

編集：
Preserve 3d not working on ie11同様の問題があり、解決策が見つかりました。それがあなたを助けてくれることを願っています。