bug transform: translate in FireFox?

Question

css

The animation only works if you move the cursor continuously.
If you do not pull the mouse - there is no animation.
Example
Is there any solution to the problem other than replacing translate?
transform: scale works fine, the problem is only in translate.

Answer 1

Is there any solution to the problem other than replacing translate?

Don't use empty frames in keyframes, specify everything explicitly:

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