Как исправить анимацию блока в mozilla?

Question

[Евгений Саймон]

Хелп ми плиз, Друзья!
Вообщем есть анимация на сайте 3d, при наведении показывается обратная сторона (вот для наглядности ).
В хроме все отлично работает, в мозиле на обороте тест скрыт, а в ie совсем беда...
Я так понял что проблема в свойствах backface-visibility и transform-style, но никак не пойму как это исправить.
К тому же не пойму отловить ховер в панели разработчика мозилы.

ПОдскажите рецепт счастья, что нужно прописать, чтоб адекватно все работало во всех браузерах???

Comments

[Hyubert]

firefox 57.0.1 - все работает

[Евгений Саймон]

Hyubert, уже работает на костылях, отдельно для мозилы поставил visible, уменьшил шрифт, уменьшил ширину блока. Но если это убрать - при повороте кружка текст не появляется

Answer 1

[Максим Тимофеев]

https://caniuse.com/#search=transform-style
https://caniuse.com/#search=backface-visibility
Работает только с префиксами
https://ciaopizza.com.ua/picca/

К тому же не пойму отловить ховер в панели разработчика мозилы.

правой клавишей в html на элементе и там hover

ПОдскажите рецепт счастья, что нужно прописать, чтоб адекватно все работало во всех браузерах???

Не думаю что данная фича может работать во всех браузерах. Но могу ошибаться, не игрался с таким примером.

Comments

[Евгений Саймон]

правой клавишей в html на элементе и там hover

в мозиле так не выходит

[Максим Тимофеев]

Евгений Саймон, у меня выходит, как и в других браузерах

[Евгений Саймон]

Максим Тимофеев, мда, мозилу плохо знаю

Answer 2

[mantovpinets]

для того, чтобы писать под разные браузеры, нужно знать, какие свойства в каких браузерах и в каких версиях поддерживаются))) и ещё использовать префиксы) типа -webkit- и т. д.

Comments

[Евгений Саймон]

ну прям глаза открыл))...я это знаю, пробовал, но без результатов