Mo_Ginger
@Mo_Ginger
клацаю по кнопкам

Баг transform: translate в FireFox?

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

Существует ли какое-то решение проблемы, помимо замены translate?
transform: scale отрабатывает нормально, проблема только в translate.
  • Вопрос задан
  • 489 просмотров
Решения вопроса 1
sfi0zy
@sfi0zy Куратор тега CSS
Creative frontend developer
Существует ли какое-то решение проблемы, помимо замены translate?

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

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

Войти через центр авторизации
Похожие вопросы