Expand - scale reveals

Expand classes grow an element from a collapsed scale. Directional variants anchor the transform-origin to the correct edge so the element appears to unfold from where it is anchored in your layout.

Axis expands (centre origin)

expand-vertical

expand-horizontal

expand-all

Directional (edge origin)

expand-up

expand-down

expand-left

expand-right

Directional expands set their own transformOrigin via a timeline set() before the tween - that's what makes .expand-right grow left→right rather than from the centre. These play at full opacity; combine with a spawn class if you also want a fade.