fadeOutUp.css

TLDR

This file contains CSS code for an animation named fadeOutUp that gradually fades out an element by changing its opacity from 1 to 0. Additionally, the element moves upwards by 100% of its height during the animation.

Classes

fadeOutUp

This class applies the fadeOutUp animation to an element, causing it to gradually fade out and move upwards.

@keyframes fadeOutUp {
  from {
    opacity: 1;
  }

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

.fadeOutUp {
  animation-name: fadeOutUp;
}