Movement & Transforms · Move, rotate, scale
Transform origin变换原点
- precise
- invisible
- decisive
The point that scaling and rotation pivot around. By default it is the exact center of the element.
When to use it
Change it when a dropdown should open from its top-right corner or an element should grow from one corner; otherwise every scale starts from the center.
Parameters
transform-origin: top right · transform: scale 0.96→1 / rotate 0→90deg · 180ms ease-out
Recipe
Transform origin → scale 0.96 → 1 @ 180ms ease-out
One sentence for your AI
Set this dropdown's transform-origin to top right so it scales from 0.96 to 1 over 180ms ease-out from the top-right corner instead of the center.