Scroll effect

Stacked Alternating Marquees

by Vanguardia · motionprompts.dev

Four full-width marquee rows stacked with no gap, running continuously in ALTERNATING directions at non-harmonic speeds (26/34/30/22), each row inverting the palette so the opposition is visible at a glance. The rows also lean into the scroll: a single ScrollTrigger reads `getVelocity()` and feeds a push term that speeds each row up in its own direction, decaying at 0.92 per frame so stopping does not leave them racing. Written as one `gsap.ticker` loop rather than CSS `@keyframes` precisely because a CSS animation runs on its own clock and cannot know the scroll exists. The strip content is cloned once at runtime (the copy `aria-hidden`, so categories are not read twice) and the transform wraps at exactly half the measured width, re-measured on `load` and on `fonts.ready` because images change that width. Dressed as a print fair: Archivo Black + Syne Mono, teal, cream and red.

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
Complexity: 2/5
Pinned: no
Reduced motion: handled
Libraries: gsap, ScrollTrigger, lenis

four stacked marquee rows on a single gsap.ticker loop, alternating direction at non-harmonic speeds 26/34/30/22 px/s, wrapping at half the measured strip width after a runtime clone; a lone ScrollTrigger feeds getVelocity()/900 clamped to ±2.5 as a push term that decays 0.92 per frame — no tween, no scrub, no CSS keyframes

The build prompt

From motionprompts.dev

Creator's promptVanguardia · motionprompts.dev14,178 charsCustomize

# Stacked Alternating Marquees — rows that run opposite ways and lean into the scroll

## Goal

Build a block of **four full-width marquee rows stacked with no…

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.