背面可见性在Firefox中无法正常工作（在Safari中可用）
问题描述：
我的背面可见性问题。它可以按照我想要的在Safari / Chrome中的方式运行，但是由于某些原因，它在Firefox中无法正常运行。
I'm having a problem with the back face-visibilty property. It works how I want it to in Safari/Chrome, but for some reason it's not working correctly in Firefox.
当盒子翻转时，我得到正面的镜像。
When the box flips, I get a mirror image of the front face.
答
此错误已被Mozilla确认。
解决方法是在前面和后面的对象中添加转换：rotateX（0deg）。
The fix is to add transform: rotateX(0deg) to the front and back objects.
按照@yalia的建议，在容器上添加 backface-visiblity：hidden ，会使背面在Chrome中无响应，因此应避免修复。
Adding backface-visiblity:hidden on the container, as suggested by @yalia, makes the back unresponsive in Chrome, hence that fix should be avoided.
这里是带有修复的小提琴。