Motion
Rotate
motionanimationtransformloadingindicator
An element spins or pivots around a defined origin point.
When to use
- Loading spinners and progress indicators
- Chevron icon rotating 180° when an accordion opens
- Decorative motion on brand illustrations
Examples
- Spinner rotating 360° for a loading state
- Dropdown arrow rotating down when panel opens
See this in the wild
Analyze a site and look for rotate in the breakdown.