transform cases z-index issues

[oojacoboo]

Check the following SO post for more information. Flippy is affected by this bug/rendering particular.

http://stackoverflow.com/questions/5472802/css-z-index-lost-after-webkit-transform-translate3d

The quickest fix is to restore transform: none; upon the completion of the transition. Thanks!

[oojacoboo]

The fix is to apply

/*parent container*/
-webkit-perspective: none;
-moz-perspective: none;
-ms-perspective: none;
perspective: none;

/*element being flipped*/
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
transform: none;