位移与变换 · 移动、旋转、缩放
变换原点Transform origin
- 精确
- 不显眼
- 定方向
指定缩放和旋转围绕哪一个点发生，默认是元素的正中心。
什么时候用它
当下拉菜单要从右上角展开、或元素要从某个角生长时改它；不改的话所有缩放都从中心开始。
参数
transform-origin: top right · transform: scale 0.96→1 / rotate 0→90deg · 180ms ease-out
配方
变换原点 → scale 0.96 → 1 @ 180ms ease-out
给 AI 的一句话
把这个下拉菜单的 transform-origin 设为 top right，让它从右上角以 scale 0.96 到 1、180ms ease-out 展开，不要从中心缩放。