Transitions & Animations

/* Transition */
div {
  transition: width 2s, transform 0.5s;
}

div:hover {
  transform: rotate(45deg);
}

/* Keyframe Animation */
@keyframes example {
  from {background-color: red;}
  to {background-color: yellow;}
}

div {
  animation-name: example;
  animation-duration: 4s;
}