CSS转换无法在Chrome浏览器中运行

Question

我正在尝试构建一个目标网页，但是我的网页淡入效果并不适用于Chrome。 （它适用于Firefox，我有几个朋友检查）。我无法弄清楚发生了什么。

我正在使用此作为淡入淡出

body {
  opacity: 0;
  transition: opacity 3s 2s;
}

body.fade-out {
  opacity: 1;
}

<script>
  document.body.classList.add('fade-out');
</script>

我检查了caniuse.com，它应该都没问题。有什么想法吗？记住任何修复？ 链接到该网站：aidenec.com

编辑：不使用safari