Browser CSS transform vertical from cube flip

Question

Мне нужна помощь с 3d tranform. Преобразование происходит в событии a: hover и использует: hover и a: перед псевдоэлементом, который должен быть преобразован в вертикальный флип, это похоже на crad filp, но он начинает флип в базовой строке меню, он должен выглядеть так: куб переворачивается вверх. Вот код по коду codepen Попробуйте и попробуйте, чтобы это работало в Webkit и Mozilla, и, конечно же, IE, посмотрите, что вы можете сделать.

пример, который у меня ограничен, но он работает в FireFox и других браузерах, поэтому в IE и Chrome сначала лучше тестироваться. example

PS. Розовый a: перед тем, как элементы должны быть преобразованы на плоскую перспективную поверхность в нижней части тега A, а a: перед тегом следует анимировать вверх вместо зависшего якоря (-90deg, я думаю), когда он оживляет розовый тег, показанный вместо первого тега

Answer 1

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

При использовании transition, transform и т.д., вы должны написать

-webkit-transition: all .3s; 
-mos-transition: all .3s; 
-ms-transition: all .3s; 
-o-transition: all .3s; 
transition: all .3s; 

Смотрите этот SO вопрос: Does Internet Explorer support CSS transitions?