Как в ANIME.JS сделать остановку элемента и потом продолжить его путь?

Question

[Cheizer]

Друзья, есть как по мне оч крутой и новый JS для анимации, ANIME.JS вот он animejs.com/documentation
осваиваю его и не сильно пока силен в принципе в JS, простые вещи по примерам легко получаются, но суть кажется не уловил, так как не могу реализовать простую вещь как мне кажется.

Как в этой JS библиотеке сделать что бы элемент двигаясь слева на право, остановился посередине, постоял пару секунд и поехал дальше?

Вот не пойму как это сделать, просто прогнать легко слева на право, а вот остановить посередине не хватает знаний, JS библиотека то уверен легко позволяет это сделать.

Вот поднял свой пример
https://codepen.io/Cheizer/pen/ERZNjM

Подскажите пожалуйста гуру в JS, как это реализовать на anime.js? Плиииииииззззз! :)

Answer 1

[Александр]

Можно это и без js сделать:
https://jsfiddle.net/3yadvtkj/
Анимация в css

Comments

[Cheizer]

Спасибо но не то, мне на JS и именно на этой библиотеке нужно, да и у вас в примере нет остановки посередине на пару секунд.

[Александр]

Роман Кузнецов, Можно сделать и с остановкой, но принцип все равно тот же как и в вашем коде, даже ключевые слова одинаковые. Как вариант сделать несколько анимаций и делать интервал animation-delay в нужных местах

[Cheizer]

Александр, ну нельзя мне на css делать :)) мне в дальнейшем нужно высчитывать параметры ширины и высоты и менять их и тд.