Как реализовать ездящие элементы?

Question

[Corepro]

Подскажите как реализовать чтобы элементы на скриншоте ездили без остановки вверх зациклено.

Буду очень благодарен за пример, так как не особо силен в анимациях.

Comments

[Semantic.Moscow]

откуда вы взяли этот пример? почему не посмотрели как это реализовано в оригинале?

[Вадим]

Semantic.Moscow, очевидно же что из фигмы.
Corepro, с такими запросами на https://freelance.habr.com/

[Semantic.Moscow]

Вадим, в фильме Идиократия (2005) нигде мельком фигма не упоминается? :D
хотя нет, предсказания, это про симпосонов.

[Сергей Сергей]

[Corepro]

Сергей Сергей, Благодарю, отличный пример

[Corepro]

Сергей Сергей, https://codepen.io/ijnqqoim-the-animator/pen/LYdeXzV
Подскажите пожалуйста.
Можно ли как-то задать элементам отступ друг от друга ?

[Сергей Сергей]

s.style.left = i % 5 * 6 + 'em';
этот отступ должен быть как-то соотнесён с шириной.

Answer 1

[RAX7]