EX04: CSS ANIMATION: FadeIn Effect

  1. Add a keyframes rule and alter the CSS rule for nav li a:hover. 
    nav li a:hover {
  color: #d5d7ff;
  text-decoration: underline;
  font-weight: normal;
  background-color: red;
  animation-name: fadeIn;
  animation-duration: 1s;
}

@keyframes fadeIn {
  from {opacity: 0;}
  to {opacity: 1;}
}