Tier 2 · GSAP ScrollTrigger pin + scrub · kinetic type

text-3d-depth-scroll

Scroll. The words are wrapped around a cylinder and the drum rotates on its X axis as the section pins — each word rises up and travels through real 3D depth (z-translate + perspective) toward and away from you.

Keep scrolling to see the animation ↓

Cylinder · rotateX −80 → 270 · scrub 2

One ScrollTrigger pins the stage and scrubs the drum from rotateX:-80 to rotateX:270 (ease none); each word sits on the cylinder wall at y=sin(a)·r, z=cos(a)·r. On a phone or under reduced-motion the words are a plain stacked headline — GSAP never loads.