Tier 2 · CSS-3D + GSAP inertia · 3D / WebGL family

3D cylinder carousel

Ten cards wrap a rotating 3D barrel. Drag to spin it, or flick to throw — the ring keeps turning and decays with inertia (friction 0.9), and it auto-drifts when idle. A conic glow lights the ring; each card brightens as it turns to face you. Pure CSS-3D — no WebGL.

Signature menu

drag · flick · tap to order

10 cards · drag/flick with inertia (friction 0.9) · auto-drift 6°/s when idle · gradient-lit facing shade

On a phone (≤390px), reduced-motion, or with JS off this is a plain, fully-tappable static card row — the 3D cylinder + GSAP are never initialised.