弹跳进入 Bounce In
元素从上方落下并弹跳几次后停稳,像皮球落地
弹跳进入
**弹跳进入(Bounce In)**是元素入场时模拟皮球落地:下落、触底、弹起,一次比一次矮,最后停稳。它是“提醒类 UI”最经典的入场动画——Mac 的 Dock 图标放大、消息气泡弹出都是这个感觉。
什么时候用:通知弹窗、聊天新消息、点赞反馈——需要“活泼、引起注意”的场合。表单错误提示别用它,弹跳会削弱严肃感。
对 AI 说清楚的三要素:① 弹跳次数 23 次(多了烦);② 高度逐次衰减(等高弹跳像故障);③ 总时长 0.81s。
复制即用的提示词片段
提示框入场使用弹跳进入(Bounce In):元素从上方 translateY 落下, 弹跳 2~3 次且幅度逐次减半(-44px → -22px → 0),总时长 0.9s, 停稳时轻微 squash 形变更生动。