Timelines — 100 CSS effects

Vertical and horizontal timelines, milestones, and step markers.

Pure CSS with no dependencies or build step. Open any effect for a live preview, source code, and browser editing.

Page 2 of 2

A waving start flag opens the route and a chequered bar closes it at the end.

Blurred colour washes drift and blend into one another above three dated art movements.

Growth milestones climb a slope towards the summit where the final marker keeps flaring.

Hovering a zinc row unfolds a hidden detail line and swells its marker at once.