CSS 3D support on Mozilla,Chrome,Opera

Hi ALL

I am working on 3D Data rendering and I am not able to find out the equivalent of following in mozilla, opera, chrome

Can anybody help me out from this problem.

for e.g:

-webkit-transform: rotateX(90deg) translateZ(200px) rotateY(90deg) ro开发者_如何学编程tateZ(90deg);

Thanks,

Amit

Chrome is webkit (prefix -webkit like you arleady use it)

mozilla is here (first hit on google) (prefix -moz)

-moz-transform:  rotate(30deg);

opera is this (google) (prefix -o)

-o-transform: translateX(50px);
-o-transform: translateY(100px);

EDIT: this shows a 3d-effect in mozilla. maybe that helps.

3D CSS transforms (translateZ, rotateY, matrix3d etc.) are available only in Webkit (Safari and Chromium on Windows). No Opera at this time. Heard some rumors that Fox will support it someday, so maybe...

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