即使没有网络变化，没有特殊的js代码，“蒸汽运动贴纸”如何在浏览器上移动？

Question

我尝试从 Steam 中提取运动贴纸。但有一点奇怪。

==>> https://community.akamai.steamstatic.com/economy/sticker/GS3%20Pilgor%20Baa%20Sticker

这个png图片如何移动？ 似乎没有使用特殊的js代码或css...

JS 代码或 css 没有什么特别的，甚至网络变化......

Answer 1

正如 @async 所指出的：动画 PNG 文件确实存在。根据 MDN 文档：

[APNG] 扩展了 PNG 标准以添加对动画图像的支持。从概念上讲，与已经使用了几十年的动画 GIF 格式类似，APNG 的能力更强，因为它支持各种颜色深度，而动画 GIF 仅支持 8 位索引颜色。

本质上它是一个更好的 gif 文件。 令人沮丧的是，该格式的文件可能以

.apng

或

.png

结尾。这是为什么？ 根据维基百科：

读取 PNG 文件的应用程序会忽略任何它不理解的块，[13] 使 APNG 向后兼容。

因此，如果您使用不支持的软件，您应该会获得静态图像。