真正基本的JS淡出效果

Question

我使用此来源在我的网页之间创建转换：

https://kasper.io/How-to-create-transition-effect-between-pages/

我的工作正常，但是你如何称JS为淡出？我只是把它放在<script></script>标签中吗？

<script>
window.addEventListener("beforeunload", function () {
  document.body.classList.add("animate-out");
});
</script>

我已经尝试过这样做并把它放在标题中，并在身体的尽头，但它只是在工作：/

谢谢偷看！