Как зациклить много css-анимаций как одну?
Запускать последовательно через js.
Или как вариант с задержкой поиграться. То есть 2-я анимация имеет задержку равную циклу первой, а у первой после выполнения задержка равная длине всего цикла - первая. Тогда каждую отдельно циклим, а результат нужный.
Нашел такое решение, может кому пригодиться. Правда, не пойму что делает void здесь. Если кто объяснит буду благодарен.function refreshAnimation() {
        ban.classList.remove("banner-animate");
        void ban.offsetWidth;
        ban.classList.add("banner-animate");
    }