Firefox z-index overrides backface-visibility

[herrethan]

Observed in Firefox 34, on Mac:
When flipping to .face.front z-index=0 / .face.back z-index=1, all behaves as expected, backface remains invisible.
However, flipping to .face.front z-index=1 / .face.back z-index=0, backface becomes visible, resulting in an awkward transition, and in the case of no card face to be shown, instead of being invisible it shows the back of the rotated card.

Need to rethink z-indexing, which was implemented primarily to support IE8-10.

[talk2cerlin]

I think i have solved the issue
check this preview

[herrethan]

In FF: The flipping has improved, but on Mac retina display, we still have the backface-visibility issue on the last card.
Also, check our friend, IE.

[talk2cerlin]

sorry i don't have a Mac retina display to test.