加载时如何淡入 Lottie 动画？

编程问答 2022-05-28

问题描述

我使用 Lottie 动画作为我网站的背景（使用纯 HTML/CSS/JS 制作），通过滚动 ScrollMagic 进行控制。但是，在其余内容出现后，动画需要大约 1 秒才能加载。它最初更长，但我能够减小文件大小并增加压缩。我试图在 Lottie 加载时为其添加淡入淡出动画，这样它就不会像突然出现那样刺耳。我用来渲染/加载 Lottie 的当前代码是

var animData = {
  container: elem,renderer: 'svg',loop: false,autoplay: false,rendererSettings: {
    progressiveLoad: false,preserveAspectRatio: 'xMidYMid meet'
  },path: './data3.json'
};
bgAnim = lottie.loadAnimation(animData);

我尝试向 Lottie 动画容器添加简单的 css 属性，例如过渡，但似乎不起作用。我很感激任何人可能有的任何帮助/想法。

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

htmljavascriptlottielottie