Как сделать бесконечную анимацию движения блоков справа налево?

Question

[StepsOnes]

Как сделать бесконечную анимацию движения блоков справа налево или наоборот? Сейчас сделал такую анимацию, но нужно что бы элементы всегда были в кадре
Наверное стоит сделать через js, но как ?

.product-cards__row {
  display: flex;
  overflow: hidden;
  animation: nudge 5s linear infinite;
}

@keyframes nudge {
  0% { transform: translatex(-100%); }
  100% { transform: translatex(100vw); }
}

Comments

[StepsOnes]

по сути это должно работать как бегущая строка

Answer 1

[StepsOnes]

Спустя 2 часа поисков нашел эту статью, может кому пригодиться

Comments

[Евгения]

отличная статья! и сайт крутой

Answer 2

[imko]

Есть проще но тяжелее вариант - слайдер с длительностью анимации перехода равной задержке автоплея, ну либо нулевой задержке автоплея, смотря учитывает ли он длительность перехода во времени активности слайда.
Ищем слайдер который умеет клонировать слайды и быть цикличным, это почти любой) Отключаем у него управление мышкой/кнопками/силоймысли и настраиваем величины автоплея + тайминг функцию анимации перехода