Motion
Here JavaScript holds the clock. Each effect waits for the transition to be ready and then decides for itself: when an animation runs, along which path, with which spring, or whether it runs at all until your pointer says so.
Drag
The transition follows your pointer. Let go and it finishes or springs back, at the speed of your flick.
Fly
The tile you pick flies on an arc with spring physics; the others scatter away from it, each with its own direction and delay.
Liquid
A reveal with a living edge, 40 polygons computed per transition.
Ink
A drop and its splashes, as layers of one mask.
Mosaic
Tiles that turn over from the press, drawn on a canvas.
Switch on Scrub in the header to stop every transition on this site at its first frame, these and the 19 CSS ones: move the pointer from left to right to run through it, press to let it finish.