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

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

动画不明显时，🍀可以先把位移从 2 像素提高到 4 至 6 像素，再检查背景和主体颜色是否有足够对比度。缺少弹性感时，应加入“上移—下落—小幅回弹—归位”的过程，而不是只设置向上和向下两个位置。

设置移动幅度和关键节点

如果目标是网页中的元素，优先使用 transform: translateY() 配合关键帧动画；如果目标是发送给好友的动态图片，制作 GIF 更省🎊事；如果目标只是📚提醒对方注意，QQ 自带的窗口抖动功能已经足够，不必额外安装所谓的“官方版”工具。

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