GSAP (Greensock) Анимации 2023. Часть 2.

🤟 Стартовый шаблон можно скачать в репозитории :

🔥 Обе сборки можно получить по ссылке:

🏆 Поднять мотивацию и получить плюшки(исходники, чат со мной):
🔹 Crypto:
👉 USDT(ERC20): 0xA4008910De17DB20c7505425316fF72d4C5Eed96
👉 USDT(BEP20): 0x4350c4E1C0bB35634C7fDE1cFB278BE0606E3822
👉 Binance Pay: 432902886

⏱️ Тайм-коды: ⏱️
00:00 Вступление
01:00 Обзор стартового шаблона
02:31 Подключаем GSAP и плагин ScrollTrigger
03:34 Первая анимация. Делаем Loader
16:11 САМАЯ ВАЖНАЯ ИНФА ИЗ УРОКА!!!!!!!!!
18:09 Немножко теории.
20:00 Как быть с анимациями на мобильных телефонах?
23:34 Анимации Секции Hero
32:41 Анимации Секции Materials
38:48 Анимации Секции Choose. Pin
50:09 Анимации Секции Help
58:27 Анимации Секции Examples
01:00:00 Анимации Секции Testimonials
01:04:39 Анимации Секции Blog
01:09:34 Анимации Секции Subscribe. Footer.
01:14:24 Итог. И просьба.

[lets_try_js]

Ролик про ЛЕГКИЕ анимации (что-б было понятно для новичков). По сложным еще не придумал материал. Если есть какие-то макеты где можно красиво все что бы дайте знать.

[VasylBatih]

хороший урок, давай щось про складнішу анімацію )

[АлександрМелянюк-цю]

Спасибо! Всегда классный контент! Мира Вам!!!

[makarov]

Попросите сгенерировать идеи для видео у CHAT GPT. Я уверен, вы сделаете ещё много видео.
Ми чекаємо на нові відео з дуже крутими ідеями

[varfolomeiq]

Сподіваюся, ти скоро зробиш відео з просунутою анімацією. Дуже цього чекаю, GSAP цікава бібліотека)

[KrivovNikolay]

Все просто и понятно, да хотелось бы увидеть посложнее.Я как то видел прям крутые анимации через эту библиотеку ... Смотрелось шикарно и мне тогда сразу захотелось сделать тоже что-то подобное :)

[hakobpetrosyan]

Такой вопрос а в мобилке из за того что строка для ссылки спливающая и с скролом скрывается и открывается gsap markers пригает верх и вниз и сломает всю страницу
Есть у вас урок про gsap в мобилке ?

[SergMcl]

Автор, спасибо за видео. Говорите "стагер" .
Скажите, исходя из вашего личного опыта, тех возможностей библиотеки, которые вы показали в этих двух видео, в большинстве случаев должно хватить для верстальщика, фронтенд-разработчика? Как часто на практике от вас требуют что-то более сложное?

[sergiykovalchuk]

запишите видео как делать правильно многостраничный сайт или как садить верстку на вордпресс

[kainorling]

спс за эту урок проста супер было бы круто если вы показали это анимацию с Reactom

[akro]

бро, скажи пожалуйста как копировать классы также как ты, тоесть с закоментированным полным классом и использованием апперсната для scss

[INTTable]

а будет 3 часть? с еще более сложными вещами

[drsnake]

Спасибо что делитесь с нами своим бесценным опытом ! Я недавно тоже зарегистрировался на upwork, заполнил профиль, разместил свое портфолио даже уже получил risen talent, но пока что никак не могу взять первый заказ. Уже руки опускаются, может что то не так делаю. Я бы был очень признателен получить от вас сове, как действовать дальше, спасибо!