Simple code won't work!

I’ve tried several times to input code "animation-fill-mode: fowards; " on line 12 and directly below “animation-duration” - nothing works. I’m stuck!

  **Your code so far**

<style>
button {
  border-radius: 5px;
  color: white;
  background-color: #0F5897;
  padding: 5px 10px 8px 10px;
}
button:hover {
  animation-name: background-color;
  animation-duration: 500ms;
  /* Only change code below this line */

  /* Only change code above this line */
animation-fill-mode: fowards;
}
@keyframes background-color {
  100% {
    background-color: #4791d0;
  }
}
</style>
<button>Register</button>
  **Your browser information:**

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/98.0.4758.109 Safari/537.36

Challenge: Modify Fill Mode of an Animation

Link to the challenge:

You misspelled forwards, forgot the first r. That should work. Good luck.

LOL! Oops. Will spell check next time. That worked, lol. Thanks! :slight_smile:

1 Like

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.