Library / Scroll animation

Corridor pro

A CSS-3D corridor with titles hanging at increasing depths; scroll walks you forward so each one flies past.

Scroll inside the preview to try it.

Customize

The titles hanging in the corridor

Colour of the walls

Colour of the grid lines

How long the corridor is (px)

Strength of the 3D effect (smaller is stronger)

Code

import Corridor from './Corridor';

<Corridor />

Checking your access…

Dependencies: none

scroll 3d css depth

More in Scroll animation

Scroll Video (Frames)Plays a video as the visitor scrolls, either as a pinned full-width scene or inside a single card. Works from numbered frames.
Timeline ScrollA vertical timeline whose glowing line draws itself as you scroll while milestones light up and slide in.
Drawn Process LineProcess cards zig-zag down the page while one line draws itself behind them and each card switches on as the line arrives.