Transitions Between States

Shared axis transition

When navigating between two related views, the motion direction should reflect the spatial relationship between them.

A stepper moves along the X axis, a drill-down along Y, and the old view fades out as the new one fades in.

1
Same axis in and out, plus a fade

One of 266 cards in the Design deck. Browse every card.