我建立一个简单的纯CSS“牌翻转”动画，它在 IE10的工作，但可悲的是，我写什么不。
的jsfiddle演示这里或在此示例HTML拉链
我可以看到在IE10是背面能见度作品从这里他们的演示 ，所以也许我只是忽略了一些愚蠢的事，也许是一双崭新的眼睛可能会帮助！
提前致谢！
Answer 1:
好了一些微软IE开发者看到了我的鸣叫与修复已经跃升！
显然，IE10不支持保留-3D，他们刮起了这个的jsfiddle示范
非常感谢@reybango和@sgalineau的帮助-非常感谢。
Answer 2:
这似乎是一个重复的CSS3 - 3D翻转动画- IE10变换产地：保留-3D的解决方法
背面能见度正在IE10当它应用于元素本身（如果应用到父，它将无法工作）。 你应该像这样一样变换属性结合它：
.back{
transform : perspective(1000px) rotateY(0deg);
}
.front{
transform : perspective(1000px) rotateY(180deg);
}
Answer 3:
我只有应用到子元素的背面能见度和IE10显示背面反正。 删除保存-3D连败的3D动画的主要视觉特征之一，所以它不是一个真正可行的解决方法。
不幸的是，通过演示@reybango上面提到和@sgalineau改变从一个3D旋转的影响外观在宽度的简单的2D的变化，因此它或者不是一个可行的解决方法。
底线是，IE10需要升级到支持CSS 3D动画的规格为写。
Answer 4:
（这就是为什么微软的360°转弯示例工作发表评论。）
先来看看例子本身，MS的解决方法取出从最初的代码保存-3D转换风格的酒店。
原来IE10有保留-3D的支持 ，他们建议在MSDN上这样的解决方法：
http://msdn.microsoft.com/en-us/library/ie/hh673529%28v=vs.85%29.aspx#the_ms_transform_style_property
随着变换样式设置为默认值“平”的值，子元素将继承父旋转。 因此，这两个卡的正面/背面被旋转到360°（= 0°），这里的技巧是，背面侧将出现在顶部，因为它在DOM以后谈到。
只是为了让这一点更加明显，我加opacity:0.5到后端为两个例子，现在你可以看到什么是真正回事：
http://jsfiddle.net/7FeEz/12/
http://jsfiddle.net/ax2Mc/71/
所以MS方法会在某些情况下工作，但不是所有无保留为-3D实时支持
Answer 5:
这里是我的解决方案。 http://jsfiddle.net/UwUry/531/
我试了IE 11和Chrome。 它像一个翻盖盒。
文章来源: backside-visibility not working in IE10 - works fine in webkit
