fadeInDown.css

TLDR

This file defines a CSS animation that fades an element in while simultaneously moving it downwards.

Classes

fadeInDown

This class applies an animation to an element that causes it to fade in while moving downwards.

@keyframes fadeInDown {
  from {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

.fadeInDown {
  animation-name: fadeInDown;
}