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