Cube transition

Full motion specification

How the movement works

Use it to show products, plans or screens one after another with a sense of depth.

1. 01Face A (an "A" on coral) and face B (a "B" on mint), each 250 × 146. 2.35 s each, A→B→A.
2. 02Rotation 0→90° at 0.45–1.6 s (1.15 s), cubic ease-in-out, around a vertical axis through the centre of the cube (depth equal to the face width, 250).
3. 03Perspective: camera distance 820 px. Each face is drawn as 2 px vertical slices, each sized and placed by its perspective factor.
4. 04The face turning away darkens up to 55% (0.55·sinφ); the incoming face starts 55% dark and brightens (0.55·cosφ). The floor shadow follows the visible width.