У меня возникла проблема с свойством back face-visibilty. Он работает так, как я хочу в Safari/Chrome, но по какой-то причине он не работает корректно в Firefox.
Когда поле переворачивается, я получаю зеркальное изображение лицевой поверхности:
Ссылка на сайт: http://www.ericouture.com/
Эта ошибка была подтверждена Mozilla.
Исправление состоит в том, чтобы добавить transform: rotateX(0deg) в передний и задний объекты.
Добавление backface-visiblity:hidden в контейнер, как было предложено @yalia, делает обратную реакцию неактивной в Chrome, поэтому этого исправления следует избегать.
Здесь fiddle с исправлением.
Попробуйте поместить "обратную видимость: скрытый" как на объект, так и на его контейнер. Это то, что сработало для меня с этой ошибкой