javascript - 在IE中转换无法正常工作

我编辑了一个可以翻转卡片的jsfiddle。
它在Chrome和Firefox中运行良好，但是当你在IE中打开它时，它不能正常工作。。。

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

卡片的背面没有显示在IE中。。。我做错什么了？
这是小提琴：https://jsfiddle.net/MichaHumbel/asd17pb2/

最佳答案

http://caniuse.com/#feat=transforms3d
IE中的部分支持是指不支持transform style:preserve-3d属性。这样可以防止嵌套三维转换的元素。
由于您在代码中使用transform style:preserve-3d属性，这就是问题所在。
编辑：
类似的问题，他们找到了解决办法。希望对你也有帮助。

关于javascript - 在IE中转换无法正常工作，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/36401932/