Comments

<style>

body::before {

  content: "";

  position: fixed;

  top: 0;

  left: 0;

  width: 100vw;

  height: 100vh;

  background-image: url("PASTE-YOUR-IMAGE-OR-GIF-HERE");

  background-size: cover;

  background-repeat: no-repeat;

  background-position: center;

  z-index: 999999;

  pointer-events: none;

  animation: loadingScreen 1s ease forwards;

}

@keyframes loadingScreen {

  0% {

    opacity: 1;

  }

  75% {

    opacity: 1;

  }

  100% {

    opacity: 0;

  }

}

</style>