Как добиться паузы после проигрывания анимации?

Question

[SeRGaN_87]

Добрый день, как можно заставить анимацию "подождать" какое то время, находясь в бесконечном повторении? Хочу реализовать такую фишку ,когда 3 элемента поочередно подпрыгивают и возвращаются на место, потом они все выдерживают паузу ... и снова повторяют это все бесконечно, в идеале хотелось бы сделать так, что бы 2 элемент ждал, когда закончится анимация 1 , а третий -второго и тд. Спасибо...

Answer 1

[Mizutsune]

Не особо уверен что это получится сделать адекватно и просто с помощью одного только CSS, поэтому предложу такой вариант с JS:



В примере используется Mutation Observer, который можно заменить setInterval или рекурсивным вызовом или чем-нибудь ещё... вариантов много.

Ещё как вариант, можете посмотреть библиотеку anime.js. Возможно с помощью неё, тоже можно решить данную задачу, но точного ответа дать не могу.