GSAP Experiments
Created by Yichen Wei (NOV 16 2025)
Split Text
This HTML text will be broken up into pieces.
Masking effect is applied here while the text appears line-by-line.
And this text will float and fade into existence.
Scroll Trigger
Rotates on Load
a
b
c
ScrollTrigger - Toggle Action
replay: Box A will replay its animation every time it
reenters into view, pause the animation when the user scrolls
beyond it, and resumes when user scrolls back to it.
a
Scroll Trigger - Start Animation
The block named "c" in this section will rotate forward when you scroll to it.
a
b
c
Scroll Smoother
Scroll smoother is now applied to the entire webpage.
Data speed
a
b
c
Data lag
a
b
c
Scroll To
Scroll to top Scroll to top (+ animation)Flip
Lorem ipsum dolor sit amet consectetur adipisicing elit. Molestias exercitationem quidem perspiciatis, nostrum aliquam similique fugit mollitia assumenda? Adipisci assumenda ab consequuntur exercitationem quaerat natus quam incidunt? Magni, corrupti excepturi.
Accusamus, fugiat nemo aperiam perspiciatis autem debitis eaque similique, ad nesciunt officiis, qui quod nostrum. Vero est, pariatur cupiditate optio dolorum rem, eveniet fugit dignissimos facere, earum magni ratione totam?
Empty