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;}
    }