不能。transition 仅在起始和结束状态间插值，方向由 transform 的起始/结束值决定，如 translateX(-100px)→translateX(0)为左进；需确保起始态明确且函数类型一致，否则动画失效。
transition 能不能直接控制动画方向？
不能。transition 本身不定义“方向”，它只负责在两个状态之间平滑插值。所谓“不同方向的动画效果”，实际由起始和结束时的 transform 值决定——比如从 translateX(-100px) 到 translateX(0) 是从左进，反过来就是向左退。
常见误区是以为给 transition 加个 direction 参数就能翻转动画，但 CSS 标准里根本没有这个属性。
用 transform 的哪些值控制左右/上下/斜向位移？
核心是组合 translateX()、translateY()、translateZ() 或 translate3d()：
- 向右滑入：
transform: translateX(0);← 结束态；起始态设为translateX(-100%)或具体像素值 - 从底部上浮：
transform: translateY(0);← 结束态；起始态用translateY(100%) - 斜向（右下→左上）：
transform: translate(-20px, -20px);← 结束态；起始态可设为translate(100px, 100px) - 注意：百分比值相对于自身尺寸计算，像素值则绝对；混合使用易出错，建议统一单位
transition-duration 和 timing-function 怎么配合方向感？
方向感不来自 transition 本身，但它的参数会影响“运动节奏”，进而强化方向意图：
