Gallery

Tilted Ring Gallery

by Vanguardia · motionprompts.dev

Twelve glass-framed photos orbit on a tilted oval: a rAF loop advances the ring at an idle speed, each wheel event adds to the speed (capped) and sets the direction, and the speed eases back to idle. The photo under the pointer, found with elementFromPoint because the items move under a still cursor, scales up while the others desaturate, darken and blur.

Type: Web motion
Framework: GSAP
Trigger: wheel
Duration: 1–1s

Save with a free account Customize for your product

Live demo ↗

Motion spec · measured by motionprompts.dev

Engine: gsap+raf
Easing: expo
Complexity: 3/5
Pinned: no
Reduced motion: not handled
Libraries: gsap

rAF ring rotation with wheel-accelerated, eased-back speed; elementFromPoint hover with scale, desaturate and blur tweens

The build prompt

From motionprompts.dev

Creator's promptVanguardia · motionprompts.dev6,966 charsCustomize

# Tilted Ring Gallery — Wheel-Accelerated Oval Orbit with Hover Spotlight

## Goal
Build a fullscreen dark gallery where **twelve glass-framed photos orbit on a…

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.