这是一个网页动画技法的交互参考图鉴，每张卡片展示一种有专有名词的动效及其实时演示；分入场、循环、鼠标交互三类。
入场 · 加载时播放 / 划过重播
交错
Stagger
多个元素按固定间隔依次入场。
弹性回弹
Overshoot (Spring)
冲过目标值再回落，模拟弹性。
预备动作
Anticipation
发力前先反向蓄势。
跟随与重叠
Follow-through
尾随元素延迟跟上并回稳。
描边生长
Line-drawing
路径沿描边逐渐画出。
Reveal
遮罩擦除
Wipe (mask reveal)
从一侧扫过显形。
Hello_
打字机
Typewriter
逐字敲出，带闪烁光标。
Focus
虚化聚焦
Blur-in
由模糊过渡到清晰。
Open
幕帘开合
Curtain (clip split)
两片面板向两侧分开露出内容。
循环 · 持续播放
挤压拉伸
Squash & stretch
触底压扁再回弹。
呼吸脉动
Breathing (Pulse)
缓慢缩放与透明度往复。
悬浮循环
Idle floating
轻微上下漂浮。
URBAN FOLDING · URBAN FOLDING ·
跑马灯
Marquee
内容无缝横向滚动。
慢推
Ken Burns
缓慢缩放加平移，往复。
骨架微光
Shimmer (Skeleton)
高光条横向扫过占位块。
鼠标交互 · 跟随光标 / 离开复位
磁吸
Magnetic
按光标偏移平移，离开回弹。
视差
Parallax
远中近层按光标以不同倍率移动。