Как исправить дёргания у анимации?

Question

[Collonil Tolli]

Пытаюсь сделать анимацию бесконечной прокрутки логотипов, однако упёрся в проблему дёргания. Как можно решить?

Answer 1

[Aetae]

A. Использовать css animation.
B. Использовать для программной анимации requestAnimationFrame вместо setInterval.
B.1. Не тасовать элементы в dom.

A&B. Использовать для анимации transform: translate вместо position.

Comments

[Collonil Tolli]

выглядит конечно плавнее, но бесконечным сделать не получается. Не могли бы ещё подсказать как зациклить эту анимацию корректно? В моём варианте по сути с этой корректностью и была проблема.

[Aetae]

Collonil Tolli, на основе твоего - как-то так: