在循环 gif 的末尾闪烁？

Question

我在 html 文档中的循环 gif 的末尾遇到白色闪光。我将 gif 显示为背景图像，因为我希望它平铺。个别帧都很好，最后没有白框

有人有编码或基于代码的解决方案吗？我在 Photoshop 中使用传统的“保存为网络”功能。我不使用 .webp 或其他现代动画格式的原因是我想要经典的抖动 gif 外观。

gif 太大无法在此处上传，但这里有一个link：www.natehess.com/fractal.gif

谢谢！

<html>
<style type="text/css">
    body {
        margin: 0px;    
    }
    .splash {
        width: 100vw;
        height: 100vh;
        background-image: url(http://www.natehess.com/fractal.gif);
        border: 0px;
        padding: 0px;
        overflow: hidden;
        position: fixed;
        top: 0;
        left: 0;
    }
</style>
<body>
    <div class="splash"></div>
</body>
</html>

Answer 1

你的393框是白色的

我用https://ezgif.com/去掉了框架，从3MB优化到1.7MB

<html>
<style type="text/css">
  body {
    margin: 0px;
  }
  
  .splash {
    width: 100vw;
    height: 100vh;
    background-image: url(https://i.stack.imgur.com/AHfNO.gif);
    border: 0px;
    padding: 0px;
    overflow: hidden;
    position: fixed;
    top: 0;
    left: 0;
  }
</style>

<body>
  <div class="splash"></div>
</body>

</html>

在循环 gif 的末尾闪烁？

Flash at end of looped gif?

html

css

gif