How to fix property animation in FireFox?

Question

css

Here is an example codepen.io/anon/pen/LGgqyd?editors=0110 which works in chrome but doesn't work in firefox.
Properties animation does not work, although I do not exclude that the work of this code in chrome is a miracle.
But still, can I somehow fix it in FF?
I apologize for not describing the problem accurately enough. The fact is that when I hang animation on transform on a drag-object, then when dragging in chrome (surprisingly) it works great. But not in FF. I would like to understand why this is so and whether it is possible to make it so everywhere ..?

Answer 1

transition: transform 2s ease-out

Take away.