Scroll effect

Anchored Headline with Speech Bubbles

by Vanguardia · motionprompts.dev

A tall section whose headline is pinned with `position: sticky` at the vertical centre while testimonial speech bubbles arrive around it, one at a time, out of the left and right margins. Each bubble is positioned in percentages of the track with `--x`/`--y` and carries its own ScrollTrigger fired by its own position (`top 78%`), so the visual order and the temporal order are the same datum: move a bubble in the HTML and its arrival moves with it. Bubbles enter from the side they live on with a `back.out(1.9)` landing, and `toggleActions: play none none reverse` empties the field on the way back up. The headline fades to 0.55 opacity across the track via a scrubbed tween, ceding focus without leaving. Below 760px the bubbles stop floating and stack under the headline. Smoothed by Lenis.

Type: Web motion
Framework: GSAP
Trigger: scroll
Duration: 0.55–0.55s

Save with a free account Customize for your product

Live demo ↗

Motion spec · measured by motionprompts.dev

Engine: gsap
Easing: back
Complexity: 2/5
Pinned: no
Reduced motion: handled
Libraries: gsap, ScrollTrigger, lenis

sticky-centred headline with scroll-staggered speech bubbles arriving from the margins: one ScrollTrigger per bubble fired by the bubble own position in a 130svh track, back.out landing, play/reverse so the field empties on the way up; a separate scrubbed tween fades the headline to 0.55 across the track

The build prompt

From motionprompts.dev

Creator's promptVanguardia · motionprompts.dev13,382 charsCustomize

# Anchored Headline with Speech Bubbles — testimonials that arrive around a pinned statement

## Goal

Build a testimonial section where **a short, loud headlin…

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.