使用前需要检查的兼容性细节

推荐参数：动画时长使用 0.6 至 1 秒，缓动方式使用 ease-in-out，循环次数根据页面目的选择一次或无限循环；移动方向使用🌈 translateY，负数代表向上，正数代表向下。

动画声明：animation: qq-b💡ounce 0.8s ease-i📚n-out infinite。

动画不明显或看起来没有弹性

QQ弹弹上下抖动可以按照使用平台分成网页动画、GIF动态图片和QQ内置功能三类，三类方🌟式的操作难度、🔥可控程度和最终效果并不相同。

GIF 上下弹动效果是否自然，主🎇要取决于帧间距和画布留白。主体贴近画布边缘时，即使位移幅度不大，也可能出现切边；透明图片在不同聊天背景上显示时，还要检查边缘是否存在白边、黑边或锯齿。

如果聊天场景必须呈现上下方向的弹动，动态表情或 GIF 图片比窗口抖动更合适。发送前需要观察图片🎨在聊天窗口中的循环速度👍，过快的动画会显得刺眼，过慢的动画又可能被误认为静态图片。