Scroll effect

Zentry Scroll Animations

by Vanguardia · motionprompts.dev

A long scroll story where a section is pinned for 4x the viewport height and every stage is scrubbed by scroll. As you scroll, letters of the intro copy flicker in with a random stagger, a center image expands from a small rectangle to fullscreen via an animated clip-path while its image scales, then a third image opens from a vertical seam and zooms far in before zooming back out, and finally a rotateY(-75deg) headline swings flat to reveal the closing copy. All driven by GSAP ScrollTrigger (pin + scrub) with Lenis smooth scrolling.

Type: Web motion
Framework: GSAP
Trigger: scroll
Duration: 0.05–1s

Save with a free account

Live demo ↗

Motion spec · measured by motionprompts.dev

Engine: gsap
Easing: none
Complexity: 4/5
Pinned: yes
Reduced motion: not handled
Libraries: gsap, ScrollTrigger, lenis

400vh-pinned sticky section: linear scrubbed clip-path iris reveals (img-2 rectangle opening, img-3 centre-out) layered with continuous image zooms (1 -> 1.125 -> 1.25, and 2.9 -> 1 zoom-out from a top-right transform origin), plus a random-order per-letter opacity flicker on the intro text and a final 3D rotateY(-75deg)+scale(0.5) copy reveal through a 1000px perspective — every motion is scroll-position-driven with ease 'none', no inertia of its own beyond Lenis smoothing

The build prompt

From motionprompts.dev

Creator's promptVanguardia · motionprompts.dev24,670 chars

# Cosmic Scroll Story — Pinned Section with Clip-Path Reveals, Deep Zoom & Flip-Open Headline

## Goal
Build a long-scroll "scrollytelling" page whose centerpie…

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.