Basic fade-in animation

by Génesis García Morilla

HTML

<h1>Hello World!</h1>

CSS

h1 {
  animation: fade 1s ease-in 3s forwards;
  pointer-events: none;
  opacity: 0;
}

@keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}