开发者

Does Firefox 4 support 3d Transformations?

I can't seem to开发者_开发百科 find this anywhere on the web, but I am just wondering if Firefox 4 is going to support 3-d Transformations like the current webkit browsers do.


A really good article on this Subject is available here:
http://24ways.org/2010/intro-to-css-3d-transforms

Basically for the transform property you will get functions such as:

  • translate3d(tx,ty,tz)
  • perspective( num );
  • rotate3d(rx,ry,rz,angle)

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. (I've mainly tested only tested on windows)

It sounds like Webkit/Apple is the main source of these suggestions:

  • http://webkit.org/blog/386/3d-transforms/
  • W3C Draft Spec: 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:

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

Here are some of the functions provided to the transform property by this spec:

  • skew, rotate, scale

This can be used for good 3D effects:

  • 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 - of CSS3 3D transforms:

  • 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

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:

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

上一篇:

下一篇:

精彩评论

暂无评论...
验证码 换一张
取 消

最新问答

问答排行榜