动效与动画

弹跳进入 Bounce In

元素从上方落下并弹跳几次后停稳,像皮球落地

弹跳进入

**弹跳进入(Bounce In)**是元素入场时模拟皮球落地:下落、触底、弹起,一次比一次矮,最后停稳。它是“提醒类 UI”最经典的入场动画——Mac 的 Dock 图标放大、消息气泡弹出都是这个感觉。

什么时候用:通知弹窗、聊天新消息、点赞反馈——需要“活泼、引起注意”的场合。表单错误提示别用它,弹跳会削弱严肃感。

对 AI 说清楚的三要素:① 弹跳次数 23 次(多了烦);② 高度逐次衰减(等高弹跳像故障);③ 总时长 0.81s。

复制即用的提示词片段

提示框入场使用弹跳进入(Bounce In):元素从上方 translateY 落下,
弹跳 2~3 次且幅度逐次减半(-44px → -22px → 0),总时长 0.9s,
停稳时轻微 squash 形变更生动。