Firefox 4是否支持3D转换?

时间:2010-11-25 06:10:40

标签: firefox browser

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

1 个答案:

答案 0 :(得分:13)

这里有关于此主题的非常好的文章:
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是这些建议的主要来源:

这些与目前可用于某些浏览器(我相信firefox,chrome和safari)的内容略有不同,这是2d转换:

以下是此规范为transform属性提供的一些函数:

  • 倾斜,旋转,缩放

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

DEMOS /示例/测试 - CSS3 3D变换:

因此,“-moz-transform”Mozilla扩展可能会在未来支持3D变换,但截至2011年1月2日仅支持CSS3 2D变换: