入场与退场 · 出现和消失
弹出Pop in
- 俏皮
- 有弹性
- 突然
元素从更小的尺寸快速放大,末尾轻微越过目标值再收回,看起来像“啪”地弹出来。
什么时候用它
用在轻量、非正式的小组件上,比如表情回应或标签;严肃的主流程界面用“缩放进入”。
参数
220ms · spring(stiffness 420, damping 26) · transform: scale 0.8→1
配方
弹出 → scale 0.8 → 1 @ 220ms spring(stiffness 420, damping 26)
给 AI 的一句话
给这个表情按钮加弹出效果:从 scale 0.8 弹到 1,用 stiffness 420、damping 26 的弹簧,220ms 内收敛。