如何在Lottie动画加载时淡入淡出？

@keyframes fadeInOut {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

.lottie-container {
  animation: fadeInOut 2s linear infinite;
}

var container = document.querySelector('.lottie-container');
container.style.opacity = '0';

var animation = lottie.loadAnimation({
  container: container,
  renderer: 'svg', // 根据实际情况选择渲染器
  loop: true,
  autoplay: true,
  path: 'path/to/animation.json' // 替换为实际的Lottie动画文件路径
});

animation.addEventListener('DOMLoaded', function() {
  container.style.opacity = '1';
});