入场与退场 · 出现和消失
滑入Slide in
- 有方向
- 轻快
- 清晰
元素从画面外或某一侧滑进最终位置，位移通常只有 8–24px，配合淡入会更自然。
什么时候用它
需要说清“从哪来”时用它，比如侧边栏从左边进来；只是想让内容出现，用“淡入”更克制。
参数
240ms · cubic-bezier(0.22, 1, 0.36, 1) · transform: translateX 24px→0 + opacity 0→1
配方
滑入 → translateX 24px → 0 @ 240ms cubic-bezier(0.22, 1, 0.36, 1)滑入 → opacity 0 → 1 @ 240ms
给 AI 的一句话
给这个侧边面板加入场：从左侧 24px 处滑入原位，同时透明度 0→1，时长 240ms，cubic-bezier(0.22, 1, 0.36, 1)。