View Transitions

Animasjonene du ser når du bytter slide

.slide {
  animation: slide-in-bounce 0.6s
    cubic-bezier(0.34, 1.56, 0.64, 1);
}

@keyframes slide-in-bounce {
  0% {
    transform: translateY(50px)
      scale(0.95) rotate(2deg);
    opacity: 0;
  }
  100% {
    transform: translateY(0)
      scale(1) rotate(0deg);
    opacity: 1;
  }
}