<div class="items">
  Lorem ipsum dolor sit amet consectetur adipisicing elit. Id, eius accusantium. Harum, voluptatibus officia! Qui deserunt minus officia eligendi delectus vitae, fuga magni quasi, ipsa quos laboriosam aliquam sit atque alias consectetur consequuntur aliquid ipsum facere? Natus magni perferendis impedit beatae ipsum animi commodi nostrum, et provident cupiditate quod optio doloribus asperiores iste suscipit inventore laudantium. Dolores quibusdam reprehenderit repudiandae repellendus? Fugiat, placeat. Atque quas nostrum dicta nesciunt exercitationem nulla, officiis a quidem expedita? Eum recusandae quasi ipsum. Perferendis excepturi, veritatis molestias nam error molestiae perspiciatis. Doloremque illo velit voluptatum exercitationem enim, quam totam. Dolorum incidunt quo eius consectetur deleniti neque aliquid nemo ratione voluptatem asperiores laboriosam atque, doloremque magni nesciunt earum vero rerum reprehenderit commodi libero tempore consequuntur unde quod iste voluptate. Perspiciatis iure impedit inventore temporibus officia maxime nemo amet unde fugiat laboriosam ex, deserunt minus, ipsam ipsa, cupiditate id dolorum? Delectus, eum enim et reiciendis beatae doloremque at molestiae consequuntur explicabo cum, reprehenderit recusandae aspernatur velit quod neque cupiditate voluptate assumenda odit. Quo aliquam libero quia. Nobis quis, id inventore eveniet optio fuga quos itaque, necessitatibus officia ullam veritatis quam autem quasi, voluptas ad minima quo quas sapiente maxime quibusdam! Itaque accusantium nihil in debitis dignissimos culpa?
</div>

body {
  transition: 1s ease;
}

.hide {
  opacity: 0;
}

.items {
  width: 50%;
  margin: 30px auto;
}

document.body.classList.add("hide");

setTimeout(function () {
  document.body.classList.remove("hide");
}, 6000);