卡翻转在IE10 +中不起作用

时间:2014-08-05 01:49:17

标签: css3 internet-explorer animation flip

我正在尝试执行整个IE10 +中的卡片翻转动画,但考虑到IE不支持transform-style: preserve-3d;,我正在努力。我见过多次"修复"为此,但没有一个适用于我的代码。我希望来自这个令人敬畏的社区的人能介入并帮我弄清楚这个热点!任何和所有的帮助将非常感谢!非常感谢你!

http://jsfiddle.net/rebeccatcook/E8mLp/

1 个答案:

答案 0 :(得分:0)

从版本11开始,Internet Explorer支持转换样式,所以你应该没问题。 IE10支持3D变换,但正如您所指出的,不支持transform-style属性,该属性指定嵌套元素在3D空间中的呈现方式。这就是为什么你没有看到你的“背文”。

我不确定你所指的是什么“修复”,但通常的做法是简单地利用特定浏览器版本支持的“后备动画”。对于IE10,我会使用modernizr来嗅探浏览器功能并附加自定义CSS类来实现简单的淡入/淡出效果。

如果你必须在没有JavaScript的情况下拥有这种效果,你可以使用IE Matrix过滤器,但它可能是一个时间吮吸让它正确行动。这是一个参考点:http://www.useragentman.com/IETransformsTranslator/

祝你好运!