WBL effects shelf · batch 3 (GSAP) · #03

3D ring carousel

Photos stand on a turning 3D ring; drag it or tap the arrows to spin the next one to the front.

✓ OK to use Not on the never list as long as it never autoplays (this one doesn't). Caution: the photos at the back are hard to see on a phone, so use it for mood, not for anything people must read.

Best for: Salons, barbers, nail and tattoo studios showing styles; restaurants showing dishes.
How: Six tiles placed with rotateY + translateZ; GSAP turns the ring; a Draggable proxy maps drag distance to angle and snaps to the nearest tile. Without JS: a plain photo grid.
Weight: 1.8 KB gzipped (our CSS + JS) + GSAP from jsDelivr: GSAP core 28.3 + Draggable 13.5 KB gzipped. Plugins: Draggable.