Как задать выполнение анимации последовательно?
dom.classList.add('anim-class-name');
dom.addEventListener('animationend', isAnimEnd);

function isAnimEnd(){
	dom.removeEventListener('animationend', isAnimEnd);
	dom.classList.remove('anim-class-name');
	//запускаем другую анимацию
}
p.s. вместо isAnimEnd может быть любая фк., но только не анонимная
в css через animation-duration, animation-timing-function