bounceOutUp.css

TLDR

The bounceOutUp.css file contains CSS code that defines a keyframe animation called bounceOutUp and a CSS class called bounceOutUp.

Classes

.bounceOutUp

The .bounceOutUp class applies the bounceOutUp keyframe animation to an element. This animation creates a bouncing effect where the element moves upward, scales down, and fades out.

Methods

@keyframes bounceOutUp {
  20% {
    transform: translate3d(0, -10px, 0) scaleY(0.985);
  }

  40%,
  45% {
    opacity: 1;
    transform: translate3d(0, 20px, 0) scaleY(0.9);
  }

  to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0) scaleY(3);
  }
}

.bounceOutUp {
  animation-name: bounceOutUp;
}