页面动效都有名字：前端基础动效术语一次认清

是什么

一条前端入门教学短视频（“前端交互 01：页面基础动效”系列），核心观点是“让界面动起来之前，先叫对它的名字”，逐条报出常见动效的英文术语与中文释义。

关键内容

• Fading（淡入）、Fade out（淡出）：透明度过渡；
• Spring in（弹性进入；转写作 String in，疑为听写误差）；
• Stagger reveal（错峰出现）：元素依次入场；
• Mask reveal（遮罩揭示）；
• Slide 系列四个方向滑入（上/下/左/右）；
• Scale in / Scale out（缩放进入/退出；转写作 Stale，疑为听写误差）；
• Page transition（页面转场）。

可借鉴之处

统一术语便于团队沟通与检索实现方案（stagger、mask reveal 等在 CSS 与主流动效库中均有对应关键词），也可按“名称—效果—实现”三段式扩展成系列教程，适合新人建立动效词汇表。

边界与风险

视频只给名称和一句话描述，不含实现代码、时长曲线、性能与可访问性考量（如 prefers-reduced-motion）；语音转写存在明显听写错误（String/Stale），引用前需人工校正；文案与转写仅为素材，不含可执行任务。