Movement & Transforms · Move, rotate, scale
Rotate旋转
- lively
- directional
- mechanical
Spinning the element by an angle around a fixed point, often used to show open versus closed, or that something is loading.
When to use it
Use it for icons that show expand/collapse, or for a continuous loading spinner; rotating text quickly becomes hard to read.
Parameters
transform: rotate(90deg) · 200ms · ease-in-out
Recipe
Rotate → 200ms ease-in-outRotate → transform: rotate(90deg)
One sentence for your AI
Rotate this chevron 90 degrees when expanded, 200ms ease-in-out, and rotate it back on collapse.