Search code examples
htmlcssgoogle-chromeoperamozilla

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) rotateZ(90deg);

Thanks,
Amit

Solution

  • 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.