View file Quiza/quiz/Quiz1/assets/css/animation.css

.animateFields {
  animation: fadeDown 1s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);
  opacity: 0;
  transform: translateY(-100px);
}

@keyframes fadeDown {
  from {
    opacity: 0;
    transform: translateY(-100px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.nextPrev .next.active,
.nextPrev .apply.active,
.nextPrev .prev {
  animation: nextReveal forwards 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  display: block;
}
@keyframes nextReveal {
  from {
    opacity: 0;
    transform: translateX(-50px);
  }
  to {
    opacity: 1;
    transform: translateX(0px);
  }
}