После завершения первой анимации я делаю следующую по событию transitionend и функцией с условиями, но вместо того что бы просто выполнить это условие и применить изменение, оно запускает это функцию бесконечно, вопрос, почему?
Потому что каждая анимация оканчивается событием transitionend. И вы все их обрабатываете, переключая значение transform, и, тем самым, запуская следующую анимацию. Вешайте обработчик события, который срабатывает однократно - добавьте в вызов addEventListener в качестве третьего аргумента { once: true }.
Спасибо, видимо недостаток сна сказался на внимательности, так как думал что уже пробовал once: true и он не сработал, пора заканчивать так делать... Еще раз, спасибо за быстрый ответ, теперь я могу спать спокойно...
