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