Reveal Blurred Text on Page Scroll! - Motion.page / GSAP
Hi guys! 👋🏻
In today's simple tutorial, we will replicate a codepen whereby we reveal blurred text, word by word, as we scroll down the page.
We will make use of GSAP's Scroll Trigger, as well as use a pinned section, SplitText and Stagger.
We will then apply a blur to our text and then unblur it as we scroll, creating a powerful reveal-text section for your website!
------------------------------------------------------------
Timestamps:
00:06 - Intro/Demo
00:40 - Page Setup (Bricks Builder)
01:57 - Motion.page Setup
03:44 - Applying the Split Text and Stagger Settings
04:03 - Finished Example
04:48 - Outro
------------------------------------------------------------
This tutorial made use of Core Framework: https://coreframework.com/marketplace...
Purchase Motion.page today - https://motion.page
Core Framework - https://coreframework.com