如何使此3D变换在IE 10中起作用？

Question

我正在尝试在IE10中进行CSS 3D转换。 问题是，IE10不支持preserve-3d属性。

Microsoft CLAIMS有一个解决方法。 他们的解决方案是简单地将父对象的变换应用于子元素。 但是，这不起作用。

我已经进行了大量的搜索以找到解决方案。 有一些公认的答案可以使3D转换工作。 问题是……它们是像卡片翻转一样简单的动画。 据我所知，这并不需要preserve-3d。

这是我需要在IE10中工作的内容：

http://codepen.io/Joe_Temp/full/opFKu

有谁知道，如果或如何做到这一点？

Answer 1

尽管我尚未在IE上对其进行测试，但是删除了transform-style: preserve-3d; div中的div属性具有Chrome中的卡片翻转转换功能，翻转操作仍然有效，但是您不能使用背面容器。 因此，基本上，您可以翻转图像，并且该图像将向后显示-但这就是您所能做的。 可能不是您想要的。

如果您愿意接受JavaScript的使用，那么您可以使用更多的选择。 本资源讨论了10个不同的js插件，它们对翻转动作的处理略有不同：

http://www.sitepoint.com/10-jquery-flip-effect-plugins/

我个人使用过flippy.js ，效果很好。 它是为处理卡片翻转之间的逻辑而构建的，因此附带了在卡片翻转之前，中间，完成之后触发的大量回调。与现有的no-JS解决方案相比，它还得到了更好的支持我碰到过。

希望这可以帮助。