GreenSock (GSAP) анимации. JavaScript анимации. Базовые моменты.
ПЕРЕЗАЛИВ! Поправил звук.
Сутками сидя без света решил записать ролик на тему JavaScript анимаций с использованием библиотеки GreenSock (она же GSAP)
🏆 Поддержать канал можно на Patreon:
https://www.patreon.com/roman_timoshchuk
🔹 Как благодарность за поддержку на Patreon вы получите мою сборку Gulp:
https://youtu.be/31umBGlbTnE
🏆 Так же поддержать канал можно в крипте(сборку как благодарность скину):
👉 USDT(ERC20): 0xA4008910De17DB20c7505425316fF72d4C5Eed96
👉 USDT(BEP20): 0x4350c4E1C0bB35634C7fDE1cFB278BE0606E3822
👉 Binance Pay: 432902886
⏱️ Тайм-коды: ⏱️
00:00 Вступление
01:33 Обзор результата
03:10 Обзор верстки
05:40 Как анимировать элементы через библиотеку gsap
07:20 Создаем TimeLine. Анимация подзаголовка
10:15 Анимация заголовка
13:29 Анимация текста
14:19 Анимация кнопок
16:31 Анимация логотипа
18:20 Анимация пунктов меню
19:44 Анимация звезд
22:34 Плагин ScrollTrigger. Анимация Hero Секции
27:21 Анимация background
28:23 Анимация Луны
29:32 Parallax Анимация звезд
34:17 Анимация секции Regions
40:28 Анимация секции Info
43:20 Анимация секции Featured
49:03 Заключение
✅ Интересные ролики, можете посмотреть на досуге:
👉 Урок по MERN Stack: https://youtu.be/8PZMP06Vap4
👉 Урок по NEXT.js: https://youtu.be/e2XjlsZHXSQ
👉 Урок по React Native: https://youtu.be/UnLp3rNrGSw
👉 Урок по Redux Toolkit 2022: https://youtu.be/_j4k73zoy5Y
📨 По вопросам сотрудничества обращаться на почту:
timoschuk.roman@gmail.com