Stuck - Learning Keyframes - Explanation sucks

Stuck - Learning Keyframes - Explanation sucks
0

#1

The explanation of this challenge sucks.
as I am not understanding what they want me to do.
can someone please unstuck me?

thank you.

here is the challenge:
1st Keyframes challenge


#2

Hi,
The solution is almost exactly like the example provided in challenge (and below) except you are to change background-color instead of width.

<style>
img:hover {
  animation-name: width;
  animation-duration: 500ms;
}
/* part from here up is already done for you in challenge*/


@keyframes width {  /* change animation name to match challenge */
  100% {
   width: 40px;  /* change property being animated */
  }
 }
</style>


#3

I did this and it still tells me im wrong. been at this since this morning, thats about 22 hours now…
.

<style>
  button {
    border-radius: 5px;
    color: white;
    background-color: #0F5897;
    padding: 5px 10px 8px 10px;
  }
  
  button:hover {
    animation-name: background-color;
    animation-duration: 500ms;
  }
  @keyframes background-color {
    100% {
      color: #4791d0;
    }
  }
  
  
</style>
  
<button>Register</button>

#4

background-color, not just color


#5

thank you, to both of you… much love <3
thank god that challenge is over. {exhales with relief}…