css-transitions - rotate3d 或 matrix3d 过渡在 IE10 中无法正常工作

Question

我尝试在IE10中制作翻页效果。

当我使用它进行转换 rotateY(180deg)时效果很好，但rotate3d(0,1,0,180deg)它会在 90 度时进行奇怪的翻转（仅在 IE10 上！）。

看看 IE10 上的这个 jsfiddle：http: //jsfiddle.net/wG6gk/2/

这是 IE 错误还是容器需要任何额外的 CSS 属性？

Answer 1

Css3 处于草稿模式，每个浏览器都可以对 Css3 有自己的看法。我不认为这是一个错误。根据我在 css3 中的经验rotate3d，是硬件加速的 css3 属性之一（比rotateX和更加速rotateY）。但在这种情况下，您不能使用rotate3dIE，因为它不会按照您期望的方式运行。