Audemars Piguet Overlay Menu

by Vanguardia · motionprompts.dev

Fullscreen overlay menu opened from a hamburger toggle: two background halves pre-rotated 180deg with scale(2) sweep in like closing doors on a custom cubic-bezier ease while the bars morph into an X, then SplitText-masked menu links and footer lines slide up with staggered power3.out reveals. Clicking the toggle again reverses the same paused timeline to close.

Type: Web motion
Framework: GSAP
Trigger: click
Duration: 0.3–1s

Save with a free account Customize for your product

Live demo ↗

Motion spec · measured by motionprompts.dev

Engine: gsap
Easing: custom
Complexity: 2/5
Pinned: no
Reduced motion: not handled
Libraries: gsap, SplitText, CustomEase

click-toggled paused timeline: two doors un-rotating from 180deg (kept at scale 2) while masked lines stagger up

The build prompt

From motionprompts.dev

Creator's promptVanguardia · motionprompts.dev19,209 charsCustomize

# Fullscreen Overlay Menu — Rotating Background Doors + Masked Line Reveal

## Goal
Build a fixed top navbar with a circular hamburger toggle that opens a **ful…

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.