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
Watch video Create Silky Smooth Header Animations on Scroll! - Motion.page/GSAP - ScrollTrigger online without registration, duration hours minute second in high quality. This video was added by user MotionPage 27 January 2025, don't forget to share it with your friends and acquaintances, it has been viewed on our site 679 once and liked it 40 people.