Motion study

Video Well

Loading…
Sceneportrait

Overview

A rounded (or TV, or corner-marked) frame holds a fixed rect. Copy lives outside. The well itself barely moves; the footage may push-in.

Build

  1. 01

    Frame in (marks / TV badge / veil).

  2. 02

    Footage or poster fills the well rect.

  3. 03

    Copy above/below, not on the picture.

  4. 04

    Well stays put across the scene.

.well { width,height,radius = constants }
.frame { animation: well-frame-in }
Example source React / TSX

examples/video-well.tsx · Uses the catalog’s shared composition helpers.

Loading source…