Fan Deck Overlay Menu

by Vanguardia · motionprompts.dev

Click-to-open overlay menu: the dark panel wipes up with a clip-path while a glass shelf rises and four frosted image cards climb out of it blurred and tilted, straighten, then fan out with a centre-out stagger. With the menu open the pointer parallaxes the fan and drags a specular highlight across each card's glass; closing gathers the deck back into the shelf before the panel wipes down.

Type: Web motion
Framework: GSAP
Trigger: click
Duration: 0.25–1.5s

Save with a free account

Live demo ↗

Motion spec · measured by motionprompts.dev

Engine: gsap
Easing: power3
Complexity: 3/5
Pinned: no
Reduced motion: handled
Libraries: gsap

clip-path panel wipe, staggered card rise from a shelf and centre-out fan; pointer parallax via quickTo and a per-card specular highlight

The build prompt

From motionprompts.dev

Creator's promptVanguardia · motionprompts.dev13,168 chars

# Fan Deck Overlay Menu — Clip-Path Panel, Glass Shelf & Fanned Image Cards

## Goal
Build a click-to-open fullscreen overlay menu. When the pill button in the…

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.