位移与变换 · 移动、旋转、缩放
位移Translate
- 直接
- 明确
- 基础
把元素沿着 X、Y 或 Z 轴整体挪动一段距离，形状不变，只改位置。
什么时候用它
想让元素从 A 点走到 B 点、并保持形状时用它；不要改用 top 或 left 属性，那样会让页面变卡。
参数
transform: translateY(-8px) · 200ms · ease-out
配方
位移 → 200ms ease-out位移 → transform: translateY(-8px)
给 AI 的一句话
把这个卡片的上移动效改成 transform: translateY(-8px)，200ms，ease-out，不要用 top 或 margin 做位移。