Как задать начальную позицию anime.js?

Question

[Aleksander911]

Здравствуйте.
Есть текст разбитый на 3 части

<h1>
<span class="animate-text">Первый текст</span>
<span class="animate-text">Второй текст</span>
<span class="animate-text">Третий текст</span>
</h1>

Задача анимировать каждый текст с появлением из положения rotate(-40deg) в rotate(0deg) за 0.5s дальше через паузу 2 секунды с затуханием в положение rotate(40deg) за 0.5s так, чтобы задержка между анимациями каждого блока текста составляла 0.1s.
Не могу понять можно ли через anime.js задать первоначальное положение, как совместить две анимации и сделать паузу между ними?

Answer 1

[Максим]

timeline: https://cdnjs.com/libraries/gsap
на youtube смотрите мануалы , желательно на английском но на русском пару видосов увидите
вот к примеру не большой мануал но косяк в том что америкосы поболтать любят ..но мануалы дельные

оказывается есть свой TimeLine в anime.js
вот я сделал на TwenMax: https://codepen.io/topicstarter/pen/KjWJwp?editors=1000

Comments

[Aleksander911]

Спасибо за таймлайн! Я как то его и не заметил в документации)). В gsap делается немного по другому, через цикл и я как то не хочу подключать большую библиотеку из-за простых анимаций. Оказалось всё намного просто. Вот решил задачу

[Максим]

Aleksander911, я думал должно появляться а оказывается пропадать ...на gsap мне легче делать

[Aleksander911]

Максим Ленский, мне тоже на gsap было бы легче, уже работал с этой библиотекой. По ТЗ надо по минимуму библиотеку. Должно и появляться и пропадать.