我有一个包含几个 gif 和 png 图像的 13 秒动画网页。该过程通过按下按钮激活。我遇到的问题是，在动画过程中，所有 png 图像都会稍微失去分辨率，然后在动画结束后大约 1 秒重新聚焦。
我已经将代码精简到显示问题的相关部分（使用来自网络的一些随机图片和 gif）。动画为 5 秒，当您按“再次播放”时，上方的“Wordpress”徽标在动画期间失去分辨率。此外，当动画结束时，下方图片的尺寸会扩大，然后您可以在大约一秒钟后看到它重新获得焦点（这有点难以看到）。
您必须等待第一个动画结束，然后按“再次播放”才能看到其中任何一种情况发生。有谁知道为什么会发生这种情况？
补充：得到上面的例子花了一点时间，因为当我删除太多代码时，问题就停止了。例如，当我删除背景渐变图像时，“Wordpress”图片会很快恢复分辨率，而动画仍在进行中。见链接：