入场与退场 · 出现和消失
光速穿梭Light speed
- 很快
- 被拉斜
- 啪地立正
元素从侧面高速冲进来，整个身体被速度拉斜，冲到位置时「啪」地立正站好。速度感来自那个斜切 —— 去掉它，剩下的就只是普通的滑入。斜的量要跟着速度走：越快越斜。
什么时候用它
想让观众觉得「这东西来得很快」时用它 —— 大消息、限时内容、直播开始。日常的工具界面不要用：它吵，而且用两次就不灵了。
参数
transform: translateX -100%→0 · skewX -18deg→0deg · opacity 0→1 · 380ms ease-out
配方
光速穿梭 → transform: translateX -100%→0 · skewX -18deg→0deg · opacity 0→1 · 380ms ease-out
给 AI 的一句话
做一条光速穿梭入场：元素从 translateX(-100%) 冲到位，同时 skewX 从 -18deg 回到 0deg，opacity 0→1，380ms ease-out。斜切必须和位移同时结束，否则会看到它先站直再停下。容器记得 overflow: hidden。