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