Как задать выполнение анимации последовательно?

Question

[Ingernirated]

Есть 3 блока, как сделать так, чтобы после окончания анимации на первом, начиналась вторая и лишь по окончанию анимации второго, начиналась на третьем?

Comments

[Hyubert]

если не ошибаюст то на Jquery так можно проверить окончание анимации

.one('webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend', function(){});

Answer 1

[Nwton]

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 может быть любая фк., но только не анонимная

Answer 2

[semki096]

в css через animation-duration, animation-timing-function