Html 如何在IE 10中实现此3D变换?

Html 如何在IE 10中实现此3D变换?,html,css,internet-explorer,3d,internet-explorer-10,Html,Css,Internet Explorer,3d,Internet Explorer 10,我试图让CSS 3D转换在IE10中工作。问题是,IE10不支持preserve-3d属性 微软声称有一个解决办法。他们的解决方案是简单地将父元素的变换应用于子元素。然而,这是行不通的 为了找到解决办法,我做了大量的搜索。有几个公认的答案可以让3D变换工作。问题是。。。它们是非常简单的动画,就像扑克牌翻转一样。据我所知,这首先不需要preserve-3d 以下是我需要在IE10中实现的功能: 有人知道这是否可以实现,或者如何实现吗?尽管我还没有在IE上测试它,但删除了变换样式:preserve

我试图让CSS 3D转换在IE10中工作。问题是,IE10不支持preserve-3d属性

微软声称有一个解决办法。他们的解决方案是简单地将父元素的变换应用于子元素。然而,这是行不通的

为了找到解决办法,我做了大量的搜索。有几个公认的答案可以让3D变换工作。问题是。。。它们是非常简单的动画,就像扑克牌翻转一样。据我所知,这首先不需要preserve-3d

以下是我需要在IE10中实现的功能:


有人知道这是否可以实现,或者如何实现吗?

尽管我还没有在IE上测试它,但删除了
变换样式:preserve-3dproperty允许翻转操作仍然有效,只是不能有一个背面容器。所以基本上,你可以翻转一个图像,图像会向后显示——但这就是你所能做的。可能不是你想要的

如果您愿意接受javascript的使用,那么您有更广泛的选择。本资源讨论了10种不同的js插件,它们处理翻转动作的方式都略有不同:

我个人用过,效果很好。它是用来处理卡翻转之间的逻辑的,因此,在卡片翻转之前、中间、在完成之后,有大量的回调触发的船只。它比现有的无JS解决方案更好地支持。

希望这有帮助