main

animate-css/animate.css

Last updated at: 29/12/2023 09:20

backInUp.css

TLDR

The backInUp.css file contains CSS code for an animation called backInUp. It defines the keyframes for the animation and applies it to the .backInUp class.

Classes

.backInUp

This class applies the backInUp animation to an element, causing it to move and scale into view with a fade-in effect.

END

@keyframes backInUp {
  0% {
    transform: translateY(1200px) scale(0.7);
    opacity: 0.7;
  }

  80% {
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    transform: scale(1);
    opacity: 1;
  }
}

.backInUp {
  animation-name: backInUp;
}