Firefox 4是否支持3D转换？

Question

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

Answer 1

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

基本上对于transform属性,您将获得以下函数:

• translate3d(TX,TY,TZ)
• perspective(num);
• ROTATE3D(RX,RY,RZ,角度)

截至2011年1月2日:Chrome,Firefox或IE仍未完全支持3D CSS变换,甚至Safari for Windows - 它在我的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/

DEMOS/EXAMPLES/TESTS - 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