Чтобы управляль анимацией, мы можем получить ссылку на объект, который возвращает метод gsap.to()
var tween = gsap.to('.selector'...
У нас доступны методы play() pause() resume() reverse() restart()
Обработчики:
🔨onComplete - анимация завершена
🔨onRepeat - анимация входит в новый цикл итерации (повторяется),при не нулевом repeat
🔨onReverseComplete - анимация реверсивного движения завершена
🔨onStart - анимация стартовала. Функция вызывается при многократном запуске анимации
🔨onUpdate - вызывается при каждом тике анимации
🔨onRepeatParams - массив параметров для onRepeat
🏁 Плейлист: • Урок GSAP 3.6 - Начало...
🚀 Станьте спонсором! / @htmllabru
✔️ GSAP 3.6 №1 Начало работы - • Урок GSAP 3.6 - Начало...
✔️ GSAP 3.6 №2 Меняем свойства JS-объекта - • Урок GSAP 3.6 - Меняем...
✔️ GSAP 3.6 №3 Ease/Переходы gsap - • Урок GSAP 3.6 - Ease/П...
✔️ GSAP 3.6 №4 Анимируем заголовок h1 - • GSAP 3.6 - Анимируем б...
✔️ GSAP 3.6 №5 Шатаем stagger - • GSAP 3.6 - Шатаем stag...
✔️ GSAP 3.6 №6 Анимация и события - • GSAP 3.6 - Управление ...
✔️ GSAP 3.6 №7 Timeline - • GSAP 3.6 - Timeline - ...
✔️ GSAP 3.6 №8 Draggable плагин - • GSAP 3.6 - Draggable п...
✔️ GSAP 3.6 №9 TextPlugin плагин - • GSAP 3.6 - TextPlugin ...
✔️ GSAP 3.6 №10 MotionPathPlugin плагин - • GSAP 3.6 - MotionPathP...
✔️ GSAP 3.6 №11 Вспомогательные методы • GSAP 3.6 - Вспомогател...
8 июн 2021