如何在 Internet Explorer 10 中启用 CSS3 过渡？答案

【问题标题】：How to enable CSS3 transitions in internet explorer 10?如何在 Internet Explorer 10 中启用 CSS3 过渡？
【发布时间】：2013-08-31 10:48:49
【问题描述】：

我正在尝试重现这种效果：http://tympanus.net/Tutorials/3DShadingWithBoxShadows/

任何人都可以建议有关如何使 CSS3 过渡在 Internet Explorer 10 上正常工作的确切方法。

【问题讨论】：

你想做什么具体？
Andre.. 在 Chrome 中检查此链接一次，然后在 IE10 中您将看到它们的不同之处......在 IE10 中，转换无法像在其他浏览器中那样正常工作。 tympanus.net/Tutorials/3DShadingWithBoxShadows
IE10 does not support the transform-style: preserve-3d property.
有什么替代品吗？？
There doesn't appear to be.

标签： internet-explorer css animation internet-explorer-10 transitions

【解决方案1】：

除了Standard syntax 之外，您无需添加任何内容即可使其在 IE10 中运行。事实上，IE10 和其他厂商的产品一样，也只支持简写动画属性。

访问：http://msdn.microsoft.com/en-us/library/windows/apps/dn279623.aspx了解更多详情。

要了解不同的语法比较和版本兼容性，请看下面：

Chrome
    1.0 (-webkit prefix)

Firefox
    4.0 (2.0) (-moz prefix)
    16.0 (16.0) (no prefix)

Internet Explorer
    10.0 (no prefix)

Opera
    10.5 (-o prefix)  
    12.0 (no prefix)

Safari
    3.2 (-webkit prefix)

【讨论】：

Roy MJI 正在阅读一篇文章，其中解释了使用 box-shadows 进行 3D 着色tympanus.net/Tutorials/3DShadingWithBoxShadows 如果您在 chrome 中打开此链接一次，然后在 Internet Explorer 10 中打开此链接，您将看到只有前面的 div 可见在 IE10 中有什么问题...请告诉我？
这篇文章似乎没有在 IE10 中使用正确的透视属性。有点不同 - 这应该会有所帮助 - blogs.msdn.com/b/ie/archive/2012/02/02/…