Обновление
Обращение за согласованностью - Ошибка Mozilla
Обновление
Добавление
transform: rotateY(0deg);
с одной стороны карты, это временное исправление, которое необходимо исправить правильно.
Дубликат не влияет на это решение и является расплывчатым.
Вопрос
В частности, backface-visibility здесь:
.card__face {
position: absolute;
width: 100%;
height: 100%;
backface-visibility: hidden;
}
Я попытался добавить префикс -moz-, несмотря на то, что он предположительно не нужен в соответствии с caniuse :
Все равно не работает.Chrome работал без какого-либо префикса, а Safari работал с префиксом -webkit- в отличие от caniuse.com.
Вот jsfiddle .Нажатие на значок должно повернуть значок на 180 градусов.