CSS Transition

.button {
  background-color: blue;
  transition: background-color 0.3s;
}
.button:hover {
  background-color: darkblue;
}

.button {
  transition-property: background-color, transform;
  transition-duration: 0.3s;
  transition-timing-function: ease-in-out;
  transition-delay: 0s;
}

.button {
  transition: background-color 0.3s ease-in-out 0s;
}

.card {
  transition: transform 0.3s, box-shadow 0.3s;
}
.card:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 16px rgba(0,0,0,0.2);
}