firefox - Firefox 4 是否支持 3d 转换？

Question

我似乎无法在网络上的任何地方找到它，但我只是想知道 Firefox 4 是否会像当前的 webkit 浏览器那样支持 3-d 转换。

Answer 1

这里有一篇关于这个主题的非常好的文章:
http://24ways.org/2010/intro-to-css-3d-transforms

基本上对于转换属性，您将获得以下功能:

translate3d(tx,ty,tz)

观点(数量)；

旋转3d(rx，ry，rz，角度)

截至 2011 年 1 月 2 日 :Chrome、Firefox 或 IE，甚至 Windows 的 Safari 仍然不完全支持 3D CSS 转换 - 它可以在我的 XP 机器上运行，但不能在我的 Win7 机器上运行。 (我主要测试只在windows上测试过)

听起来 Webkit/Apple 是这些建议的主要来源:

http://webkit.org/blog/386/3d-transforms/

W3C 草案规范:http://www.w3.org/TR/css3-3d-transforms/

这些与当前适用于某些浏览器(我相信 firefox、chrome 和 safari)的内容略有不同，后者是 2d 转换:

http://www.w3.org/TR/css3-2d-transforms/

以下是此规范提供给 transform 属性的一些功能:

倾斜、旋转、缩放

这可用于良好的 3D 效果:

http://ajaxian.com/archives/3d-cube-using-new-css-transformations

http://hacks.mozilla.org/2009/06/3d-transforms-isocube/

http://www.zachstronaut.com/projects/rotate3di/

演示/示例/测试 - CSS3 3D 转换:

http://webkit.org/blog/386/3d-transforms/

http://www.satine.org/archives/2009/07/11/snow-stack-is-here/

http://richardleggett.co.uk/blog/index.php/2010/05/03/jquery_css3_3d_animation

因此，“-moz-transform”Mozilla 扩展将来可能会支持 3d 转换，但截至 2011 年 1 月 2 日仅支持 CSS3 2D 转换:

https://developer.mozilla.org/en/CSS/-moz-transform