у меня есть два css класса
anim-1 & anim-2 внутри них такой код
animation: animate-1 1s linear
через функцию
makeAnim() {
eye.classList.add("anim-1");
}
в js я анимирую елемент в html.
Проблема в том, что анимация проигрывается при вызове функции только один раз, когда вешаю функцию на онклик например. если поставить infinite то одна анимация накладывается на другую.
вопрос: как сделать, чтобы при вызове одной функции запускалась анимация каждый раз по новой без перезагрузки страницы, а предыдущая анимация прерывалась, либо чтобы одна анимация ждала завершения другой. спасибо.
infinite
? И добавьте ваш код, там особо не ясно какие анимации, как и когда работают.