Mo_Ginger
@Mo_Ginger
только учусь

Баг transform: translate в FireFox?

Анимация работает только если непрерывно шевелить курсором.
Если мышкой не дёргать - анимации как будто нет.
Пример

Существует ли какое-то решение проблемы, помимо замены translate?
transform: scale отрабатывает нормально, проблема только в translate.
  • Вопрос задан
  • 89 просмотров
Пригласить эксперта
Ответы на вопрос 1
sfi0zy
@sfi0zy
UI developer. Верстаю неверстаемое.
Существует ли какое-то решение проблемы, помимо замены translate?

Не используйте пустые кадры в keyframes, указывайте все в явном виде:
@keyframes logo {
    0% {
        transform: translateX(-120%); /* Раз */
    },
    10% {
        transform: translateX(-120%);
    }
    15% {
        transform: translateX(0%); /* И два */
    },
    100% {
        transform: translateX(0%);
    }
}
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через TM ID
Похожие вопросы
14 авг. 2018, в 18:01
12000 руб./за проект
14 авг. 2018, в 17:33
5000 руб./за проект
14 авг. 2018, в 16:33
1000 руб./за проект