Scroll effect

VoyeurVerite Scroll Animation

by Vanguardia · motionprompts.dev

Pinned hero scrubbed over five viewport heights with four manual phases: the foreground image clips into a central vertical slit while a dark overlay fades in, then rotates to 65deg, scales to zero over sliding background text columns as a red overlay flashes on, and finally two outro images wipe in via clip-path from top and bottom before a SplitText line-masked headline staggers up at 90% progress.

Type: Web motion
Framework: GSAP
Trigger: scroll
Duration: 0.25–0.75s

Save with a free account

Live demo ↗

Motion spec · measured by motionprompts.dev

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

pinned hero, scrubbed multi-phase clip/rotate/scale collapse

The build prompt

From motionprompts.dev

Creator's promptVanguardia · motionprompts.dev27,707 chars

# VoyeurVerite Scroll Animation — Pinned Rotating-Slit Hero over Five Viewports

## Goal
Build a full-screen editorial hero that is **pinned and scrubbed across…

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.