Create Silky Smooth Header Animations on Scroll! - Motion.page/GSAP - ScrollTrigger
Hello guys!
In this video, we teach you how to create a cool header effect when you scroll. Starting out at a full-width header, as you scroll, change the width and color of your header/navigation for a very simple yet cool, modern-looking animation on your website.
We hope you like the video!
------------------------------------------------------------
Timestamps:
00:06 - Intro/Demo
00:44 - Create your Header Template
04:40 - Create a Page with Content
06:02 - Open Motion.page and Add Settings
10:55 - Troubleshooting Color Problems
12:37 - Final Look
13:04 - Outro
------------------------------------------------------------
This tutorial made use of the Violet Design Kit from Core Framework: https://coreframework.com/marketplace...
Purchase Motion.page today - https://motion.page
Core Framework - https://coreframework.com
Смотрите видео Create Silky Smooth Header Animations on Scroll! - Motion.page/GSAP - ScrollTrigger онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь MotionPage 27 Январь 2025, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 679 раз и оно понравилось 40 людям.