Баг transform: translate в FireFox?

Question

[Марина]

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

Существует ли какое-то решение проблемы, помимо замены translate?
transform: scale отрабатывает нормально, проблема только в translate.

Answer 1

[Ivan Bogachev]

Существует ли какое-то решение проблемы, помимо замены translate?

Не используйте пустые кадры в keyframes, указывайте все в явном виде:

@keyframes logo {
    0% {
        transform: translateX(-120%); /* Раз */
    },
    10% {
        transform: translateX(-120%);
    }
    15% {
        transform: translateX(0%); /* И два */
    },
    100% {
        transform: translateX(0%);
    }
}

Comments

[Марина]

Спасибо.
Это особенность FF? И почему только в случае translate?