Анимации на сайте - GSAP - ЛЕГКО!

Действительно очень легко сделать анимацию с помощью GSAP. С ними может справиться даже новичок, который только хочет стать программистом. Но и для опытных разработчиков эта библиотека привнесет динамики в приложения. Минимум кода - максимум результата. Даже если ты уже используешь css анимации - попробуй эту библиотеку!
--
Макет:
www.figma.com/file/O3gVwxEP3f...
Исходный код находится здесь:
github.com/hiprofessional/gsa...
Music: www.bensound.com
- - - - - - - - - - - - - - - - - - - - - -
Подписывайся, чтобы не пропустить новые ролики!
GitHub: github.com/hiprofessional
Join my Discord! / discord
Instagram / hi.professional
Telegram (группа) t.me/hiprofessional
- - - - - - - - - - - - - - - - - - - - - -

[@obezyankaa4437]

моё первое видео знакомство с этой библиотекой, мне очень до безумия понравился её функционал, в целом спасибо за видео 🤟

[@Anatoli-bq1pe]

Благодарю! Все очень доходчиво

[@gorbulevsv]

Спасибо, доступно объяснили!

[@biLLie_wiLLie]

Про gsap можно много снимать. Уже ни один сайт без него не работает

[@HiProTeam]

Да, библиотека неплохо так сокращает количество кода и проблем :)

[@user-ht5qv3wy4z]

Супер, продолжай!

[@HiProTeam]

Спасибо :) скоро ещё будут )

[@user-sf4wb8xx7o]

Подскажите пожалуйста, что именно мне нужно скачать из исходного кода, чтобы подключить его в скрипт css? Я пока только html и css более менее выучил и не очень в js разбираюсь. Но, очень хотел бы повторить то что Вы делаете в своем проекте. Буду благодарен за ответ

[@devidsnoudon3856]

Можно пожайлуста видео, как сделать так чтобы все остальные нижние блоки тоже были анимированы.

[@HiProTeam]

Чтобы все вместе «подскакивали»? Или в каком виде?

[@devidsnoudon3856]

Да чтобы все вместе. Как и первый. Please

[@devidsnoudon3856]

Качественный контент делаете, можно продолжение, ОСОБЕННО НА ТЕМУ АНИМАЦИЯ НА САЙТЕ.

[@tagir3728]

Было бы интересно посмотреть как сделать морфинг в свг

[@HiProTeam]

С помощью gsap или встроенными средствами ?

[@tagir3728]

@@HiProTeam Да можно оба!

[@GutsWarhammer]

@@HiProTeam Да! Было бы классно)

[@user-ho1sp4te9o]

Там можно скролл обрабатывать?

[@HiProTeam]

Да, довольно много настроек предлагает :)

[@user-ho1sp4te9o]

@@HiProTeam спасибо! Попробую добавить в свой проект.

[@HiProTeam]

Отлично :) спасибо за комментарий!

[@frontender]

Для таких простеньких анимаций GSAP юзать не жирнова то ли?)

[@HiProTeam]

Возможно, но учиться лучше на простых примерах )

[@frontender]

@@HiProTeam ну для простых анимацией есть по легковеснее библиотеки. GSAP нормально прибавит веса конечному бандлу.

[@user-kt3md8qy4k]

тащить либу ради анимаций, которые можно уместить в 2-3 кейфрейма? ну такое

[@HiProTeam]

Здесь может и да - это простой пример. Но когда анимаций много и они выстроены в цепочки - там уже кейфреймы не спасут :)

[@repeinik1400]

Конечно, если это одностраничный, грубый сайт, где не нужна анимация :)