@SeRGaN_87

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

Добрый день, как можно заставить анимацию "подождать" какое то время, находясь в бесконечном повторении? Хочу реализовать такую фишку ,когда 3 элемента поочередно подпрыгивают и возвращаются на место, потом они все выдерживают паузу ... и снова повторяют это все бесконечно, в идеале хотелось бы сделать так, что бы 2 элемент ждал, когда закончится анимация 1 , а третий -второго и тд. Спасибо...
  • Вопрос задан
  • 62 просмотра
Решения вопроса 1
mizutsune
@mizutsune
Simplicity is the ultimate sophistication.
Не особо уверен что это получится сделать адекватно и просто с помощью одного только CSS, поэтому предложу такой вариант с JS:



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

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

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
30 нояб. 2022, в 07:23
1000 руб./за проект
30 нояб. 2022, в 00:04
1000 руб./за проект