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