/
githubmirror
/
animate.css
Обзор
Документация
Войти
/
githubmirror
/
animate.css
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
main
source/flippers/flip.css
34 строки
891 B
Gian Johansen
Fix Firefox flip bug (#805)
21 июл 2018, 17:18
21 июл 2018, 17:18
611b8cc
Код
Авторство
О чём код?
@keyframes flip { from { transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg); animation-timing-function: ease-out; } 40% { transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); animation-timing-function: ease-out; } 50% { transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); animation-timing-function: ease-in; } 80% { transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); animation-timing-function: ease-in; } to { transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); animation-timing-function: ease-in; } } .animated.flip { backface-visibility: visible; animation-name: flip; }