Battlelab Tours

# BATTLELAB TOURS — The Scroll-Flown Portfolio Tunnel

## What you're building

A studio portfolio page where the work is not a grid — it is a tunnel. A ring of project panels recedes into vanishing-point perspective, and scrolling flies the camera *down* the tunnel wall past four named acts. The distinctive idea: it is built **entirely with CSS 3D transforms — `perspective`, `transform-style: preserve-3d`, `translateZ`. There is no `<canvas>`, no WebGL, no three.js, no GSAP.** On a warm bone-paper background, so a hard-edged sci-fi corridor is rendered in a soft, rounded, almost editorial palette. Two of the tunnel panels are looping video; four are stills; the rest are drawn in CSS.

If you find yourself installing a 3D library, you have misread the brief. The constraint is the craft.