Entry 13 · the alphabet of motion

M

Motion path

A vector trajectory along which an element travels.

CSS @keyframes · motionpath

The long entry

Most motion is two transforms (X and Y) interpolated independently. A motion path lets the trajectory itself be the primary control: an element follows a curve drawn by the designer, with rotation locked to the tangent. CSS now supports this natively via offset-path; SVG has supported it for years.