Terminal Camera Documentary

Overview

Expand the window, then move a CSS camera through 4–5 named stages: wide, punch on init, hold, pull back, settle on success.

Build

1. 01

   Window fades in and grows height.

2. 02

   Lines ledger in.

3. 03

   Camera stages: {tx,ty,s,atMs}[] as one keyframe.

4. 04

   Glow the success line.

.camera { animation: 11.5s terminal-camera linear both }
/* keyframe stops = named stages */