方法三：在 QQ 聊天中使用窗口抖动或动态表情

关键帧顺序：0% 为 transla🔑teY(0)，25% 为 translateY(-6px)，50% 为 translateY(4px)，75% 为 translateY(-2px)，100% 回到 translateY(0)。

GIF 动画适合不方便修改网页代码👍、只想在聊天窗口发送动态效果的场景。制作思路是先准备一张透明背景或纯色背景的图片，再复制出多张画面，让主体在🔮每一帧中上下移动少量距离。

QQ弹弹上下抖动的三种实现路径

对于需要长期展示的元素，建议设置减少动态效果的替代状态。网页可以在用户偏好减少动画时停止循环，聊天图片则可以同时保留一张静态版本。这样既能保留 QQ弹弹上下抖动的视觉效果，也不会让动画干扰阅读和操作。