Как зациклить анимацию CSS?

Question

[timofeich322]

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

https://codepen.io/dvfxcntd-the-reactor/pen/GRNebME

Comments

[Олег]

Без JS никак, если хотите зациклить что бы строка начиналась сначала

[timofeich322]

Олег, а с js сложно это сделать?

[prizrak20568]

animation-iteration-count: infinite; - анимация проигрывается бесконечно

[w0nd3r]

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

Answer 1

[prizrak20568]

@keyframes ticker {
0% {
transform: translate3d(100%, 0, 0);
}
100% {
transform: translate3d(-100%, 0, 0);
}
}

Comments

[timofeich322]

Спасибо! А можно сделать, чтобы дальше шла не пустая линия, а продолжались те же пункты сначала?