movinblocks/src/styles/animations/revealintop.css

Movinblocks is a lightweight plugin for animating HTML elements sequentially.

@keyframes revealInTop {
  from {
    opacity: 0;
    transform: translateY(-100%);
  }

  to {
    opacity: 1;
    transform: translateY(0);
    clip-path: inset(0 0 0 0);
  }
}

.mb.revealInTop {
  animation-name: revealInTop;
}