Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Add effect T-05 Scroll-Scrubbed Text to (SELECTOR)

Use SplitText.create() to split the element by words.
Set all words to opacity: 0.15 initially using gsap.set().

Animate each word’s opacity from 0.15 to 1 using:
– stagger: { each: 0.15, from: “start” }
– ease: “none”
– ScrollTrigger:
– scrub: 1
– start: “top 75%”
– end: “bottom 60%”

Words above the active scroll zone should remain at full opacity.
Words below should remain ghosted.
No snap, no toggle, no trigger — pure scrub only.

Note:
Opacity is used intentionally (partial values 0.15 to 1).
Do not use autoAlpha — elements must remain in flow and visible at all times.

Register SplitText and ScrollTrigger.
Load GSAP from CDN if not already present.
Wrap everything inside DOMContentLoaded.

Screenshot 121
Screenshot 121
Scroll to Top