Урок GSAP 3.6 - Начало работы - Эпизод 1

У вашего броузера проблема в совместимости с HTML5

GSAP простая JS библиотека для анимации. Шпаргалка находится по адресу https://greensock.com/cheatsheet/, а первые шаги можно сделать по руководству https://greensock.com/get-started/. Что на самом деле делает GSAP? Библиотека ПРОСТО манипулирует свойствами - изменяет их много раз в единицу времени, позволяется прятать и появляться элементы. GSAP поддерживает DOM, SVG, canvas и и не только! В CSS позволяет менять почти все CSS-св-ва, среди них нам будут интересные размеры height и width, работа с непрозрачностью opacity и другие. В SVG нам пригодятся fill, stroke и, тоже, opacity! У GSAP есть дополнительные плагины для отрисовки SVG и его морфинга! И вообще можно менять любые числовые величины и интегрировать библиотеку с другими инструментами, вы даже можете прикрутить её к React или Vue, но.. мы будем сосредотачиваться на главном.

Поддержите спонсорством???? https://www.youtube.com/channel/UCBLJEWATAm4O1Tp0k76cGFg/join

Присоединяйтесь к моим курсам обучения по JavaScript, HTML5 API, Node.js, React.js, Redux.js в Центре компьютерного обучения «Специалист» при МГТУ им.Н.Э.Баумана.
Актуальный список групп, старт на этой неделе! https://clck.ru/VF5a3

???? Плейлист: https://www.youtube.com/watch?v=FkqJ-EnKUxM&list=PLOQDek48BpZFzxKS-2sLAeSBB83x-xILB&index=1

✔️ GSAP 3.6 №1 Начало работы - https://www.youtube.com/watch?v=FkqJ-EnKUxM
✔️ GSAP 3.6 №2 Меняем свойства JS-объекта - https://www.youtube.com/watch?v=809-Abmk—w
✔️ GSAP 3.6 №3 Ease/Переходы gsap - https://www.youtube.com/watch?v=fc1XGkc2NAw
✔️ GSAP 3.6 №4 Анимируем заголовок h1 - https://www.youtube.com/watch?v=_ysLmK1tovw
✔️ GSAP 3.6 №5 Шатаем stagger - https://www.youtube.com/watch?v=3jpkWSy2kow
✔️ GSAP 3.6 №6 Анимация и события - https://www.youtube.com/watch?v=bQEeTom9U7E
✔️ GSAP 3.6 №7 Timeline - https://www.youtube.com/watch?v=-T76YSPrHFk
✔️ GSAP 3.6 №8 Draggable плагин - https://www.youtube.com/watch?v=V61efiTiZec
✔️ GSAP 3.6 №9 TextPlugin плагин - https://www.youtube.com/watch?v=mOboX4tykuM
✔️ GSAP 3.6 №10 MotionPathPlugin плагин - https://www.youtube.com/watch?v=s114AKJgJg4
✔️ GSAP 3.6 №11 Вспомогательные методы https://www.youtube.com/watch?v=Dbu6xRhL7UU