简体繁体 English

Firefox 4是否支持3D转换？

[英]Does Firefox 4 support 3d Transformations?

原文 2010-11-25 06:10:40 5 1 firefox/ browser

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

1 个解决方案

A really good article on this Subject is available here: 这里有一篇关于这个主题的非常好的文章：
http://24ways.org/2010/intro-to-css-3d-transforms http://24ways.org/2010/intro-to-css-3d-transforms

Basically for the transform property you will get functions such as: 基本上对于transform属性，您将获得以下函数：

translate3d(tx,ty,tz) translate3d（TX，TY，TZ）
perspective( num ); perspective（num）;
rotate3d(rx,ry,rz,angle) ROTATE3D（RX，RY，RZ，角度）

As of Jan 2nd 2011 : The 3D CSS transforms are still not fully supported by Chrome, Firefox or IE, Or even Safari for Windows - it's working on my XP machine, but not my Win7 machine. 截至2011年1月2日 ：Chrome，Firefox或IE仍未完全支持3D CSS转换，甚至Safari for Windows - 它在我的XP机器上工作，但不是我的Win7机器。 (I've mainly tested only tested on windows) （我主要测试的只是在Windows上测试过的）

It sounds like Webkit/Apple is the main source of these suggestions: 听起来像Webkit / Apple是这些建议的主要来源：

http://webkit.org/blog/386/3d-transforms/ http://webkit.org/blog/386/3d-transforms/
W3C Draft Spec: http://www.w3.org/TR/css3-3d-transforms/ W3C草案规范： http ： //www.w3.org/TR/css3-3d-transforms/

These are slightly different than what is currently available for some browsers (I believe firefox, chrome and safari), which is the 2d transforms: 这些与目前可用于某些浏览器（我相信firefox，chrome和safari）的内容略有不同，这是2d转换：

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

Here are some of the functions provided to the transform property by this spec: 以下是此规范为transform属性提供的一些函数：

skew, rotate, scale 倾斜，旋转，缩放

This can be used for good 3D effects: 这可以用于良好的3D效果：

DEMOS/EXAMPLES/TESTS - of CSS3 3D transforms: DEMOS / EXAMPLES / TESTS - CSS3 3D变换：

So the "-moz-transform" Mozilla extension will likely support the 3d transforms in the future, but as of Jan 2nd 2011 only supports the CSS3 2D transforms: 因此，“-moz-transform”Mozilla扩展可能会在未来支持3d变换，但截至2011年1月2日仅支持CSS3 2D变换：