Question

Using CSS3 transform and transitions I have created a flipping animation.

Moz does not recognise the perspective CSS3 property and so does not flip in 3D as it does with webkit.

Is there anyway to make -moz flip as -webkit does

SAMPLE::

http://jsfiddle.net/L9wDd/91/

Answer 1

I had just updated to Firefox 18 and applied the px to the -moz-perspective property and I achieve the same effect as on Chrome:

.container {
    position:relative; display:block;
    -webkit-perspective:1000px; -moz-perspective:1000px;
}

Also you could apply the standard perspective property and that would have the same effect as well.

    perspective: 1000px;