fadeOutDown.css

TLDR

This file defines a CSS animation called "fadeOutDown" that fades an element out and moves it downwards using the transform property. The animation can be applied to any element by adding the class "fadeOutDown".

Classes

.fadeOutDown

This class applies the "fadeOutDown" animation to an element. It sets the animation-name property to "fadeOutDown", causing the element to fade out and move downwards when the animation is triggered.

@keyframes fadeOutDown {
  from {
    opacity: 1;
  }

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

.fadeOutDown {
  animation-name: fadeOutDown;
}