Почему при вертикальной анимации происходит горизонтальное отклонение?

Question

[vasIvas]

Если открыть этот пример на codepen в firefox и покликать по сцене, то можно заметить, что анимация вполне себе приемлемая. Но если увеличить окошечко в котором выполняется код, то можно заметить, что когда прямоугольник заканчивает анимацию снизу вверх, то в самый последней момент происходит жуткий сдвиг по горизонтали.

Причем этот ужас происходит только в FireFox. В чем причина и как это устранить?

Comments

[Ivanq]

Нет никакого сдвига у меня.

[vasIvas]

Ivanq: у меня дергается и причина тому центрирование контейнера margin: 0 auto.
Если не центрировать, то сдвига нет.

[Максим Тимофеев]

Все браузеры нестандартно рассчитывают margin: 0 auto при масштабировании окна. Если хотите что бы при масштабировании все было на своих местах - забывайте про auto

[vasIvas]

Максим Тимофеев: как я сразу и думал все дело в неокругленных координатах...