transition

.box {
  background-color: blue;
  transition: background-color 0.5s ease;
}

.box:hover {
  background-color: purple;
}

animation

Bounce
@keyframes bounce {
  0% { transform: translateY(0); }
  50% { transform: translateY(-20px); }
  100% { transform: translateY(0); }
}

.element {
  animation: bounce 1s infinite;
}

transform



Box



.container {
  perspective: 1000px;
}
.child {
  transform: rotateY(180deg);
}

cursor




scroll-behavior

html {
  scroll-behavior: smooth;
}