스크롤을 이용한 애니메이션 만들기

@keyframes fad-in-fade-out {
  enter 0% {
    opacity: 0;
    transform: translateY(0%) scale(0.8);
  }
  enter 100% {
    opacity: 1;
    transform: translateY(100%) scale(1);
  }
  exit 0% {
    opacity: 1;
    transform: translateY(100%) scale(1);
  }
  enter 100% {
    opacity: 0;
    transform: translateY(0%) scale(0.8);
  }
}