Scroll effect

Vucko Scroll Animation

by Vanguardia · motionprompts.dev

A tiny centered video preview grows from a 0.25 thumbnail to full scale as the intro section scrolls into view, driven by a GSAP ScrollTrigger scrub timeline (start top bottom, end top 10%) whose onUpdate interpolates translateY, scale, gap and a two-phase title font-size. A requestAnimationFrame loop applies the transforms and adds an eased mouse-follow horizontal parallax, all under Lenis smooth scroll.

Type: Web motion
Framework: GSAP
Trigger: scroll

Save with a free account Customize for your product

Live demo ↗

Motion spec · measured by motionprompts.dev

Engine: gsap+raf
Easing: none
Complexity: 2/5
Pinned: no
Reduced motion: not handled
Libraries: gsap, ScrollTrigger, lenis

scrubbed scale-up reveal with rAF mouse parallax — scroll progress linearly interpolates translateY (-105..-135% → 0), scale (0.25 → 1), gap (2 → 1em) and a two-segment font-size ramp (80→40px over the first 40% of progress, then 40→20px), while horizontal mouse offset is exponentially smoothed at lerp 0.05 and gated off once scale ≥ 0.95

The build prompt

From motionprompts.dev

Creator's promptVanguardia · motionprompts.dev17,781 charsCustomize

# Scroll-Grow Showreel Video Reveal (Scrub + Mouse Parallax)

## Goal
Build a minimal editorial landing page where a **tiny video-preview thumbnail (scaled to 0…

The build prompt

More like this

A one-line prompt for an inference startup launch

UX Decision Explainer Animation

Motion Design Showreel Reaction Video

SaaS launch video for a product Opus picks

Product video for Distilbook

Squad.so SaaS Launch Video

Fresh recipes, every week.