Scroll Animator
GSAP ScrollTrigger-based row entrance animations. Three presets from fade-up to fade-left to scale-up with scrub-linked timing.
3
Presets
GSAP
Engine
ScrollTrigger
Driver
01 of 03Fade Up
pa_sa_st_preset = fade-uppa_sa_from_y = 60pa_sa_scrub = truepa_sa_ease = power2.out
Fade Up
02 of 03Fade Left
pa_sa_st_preset = fade-leftpa_sa_scrub = truepa_sa_ease = power2.out
Fade Left
03 of 03Scale Up
pa_sa_st_preset = scale-uppa_sa_from_scale = 0.8pa_sa_scrub = truepa_sa_ease = power2.out
Scale Up
01
Fade Up
Elements fade in while sliding up 60px. Classic scroll entrance.
pa_sa_st_presetfade-up
pa_sa_from_y60
bg_typecolor
full_heightfull
02
Fade Left
Elements slide in from the left with opacity fade. Directional impact.
pa_sa_st_presetfade-left
bg_typecolor
full_heightfull
03
Scale Up
Elements scale from 80% to full size with fade. Dramatic reveal.
pa_sa_st_presetscale-up
pa_sa_from_scale0.8
bg_typecolor
full_heightfull