CodePen Embed - Attempting Page Fade-In After Dynamic Import

<script>
  document.body.className = 'hidden';
</script>

Lorem, ipsum dolor sit amet consectetur adipisicing elit. Iure recusandae reprehenderit labore laborum facilis cumque modi, quo quam eius quis possimus explicabo natus eos amet architecto repudiandae hic provident? Alias?

.hidden {
  opacity: 0;
}

.visible {
  opacity: 1;
  transition: opacity 1s ease-out;
}

import confetti from "https://cdn.skypack.dev/canvas-confetti";
confetti();

document.body.className = "visible";

This Pen is owned by Chris Coyier on CodePen.

See more by @chriscoyier on CodePen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.