Поддерживает ли Firefox 4 3d-трансформации?

Question

Я не могу найти это нигде в Интернете, но мне просто интересно, собирается ли Firefox 4 поддерживать трехмерные преобразования, как это делают нынешние браузеры webkit.

Answer 1

Действительно хорошая статья по этой теме доступна здесь:
http://24ways.org/2010/intro-to-css-3d-transforms

В основном для свойства transform вы получите такие функции, как:

• translate3d (tx, ty, tz)
• перспектива (число);
• rotate3d (rx, ry, rz, угол)

По состоянию на 2 января 2011 года . Преобразования 3D CSS по-прежнему не полностью поддерживаются Chrome, Firefox или IE, или даже Safari для 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/

ДЕМО / ПРИМЕРЫ / ИСПЫТАНИЯ - 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

Таким образом, расширение Mozilla "-moz-transform", вероятно, будет поддерживать 3d-преобразования в будущем, но по состоянию на 2 января 2011 года поддерживает толькоCSS3 2D-преобразования:

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