Scroll effect

HeureBleue Scroll Animation

by Vanguardia · motionprompts.dev

A scroll-driven zoom-through gallery: a fixed grid of five image columns sits behind the page and, as a tall spacer section scrolls past, a single ScrollTrigger (scrub 1) reads its progress and scales the whole gallery wrapper up (to ~2.65x, or 4x under 900px), pushes the side columns down and shrinks the centered main image from scale 2 to ~1.15, so the viewer appears to fly forward through the images. Lenis drives smooth scrolling synced to GSAP's ticker.

Type: Web motion
Framework: GSAP
Trigger: scroll

Save with a free account

Live demo ↗

Motion spec · measured by motionprompts.dev

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

scrubbed fixed-grid zoom fly-through on scroll

The build prompt

From motionprompts.dev

Creator's promptVanguardia · motionprompts.dev21,355 chars

# Scroll Zoom-Through Image Gallery ("Serene Drift")

## Goal
Build a scroll-driven **fly-through-the-images** effect: a fixed 5-column grid of photos sits pinn…

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.