Unable to pass this question of @keyframes

Tell us what’s happening:
My can see my codes working on the tests section but on clicking “run the test” button, It’s not passing.
It would be kind if someone could help.
Thank you.

Your code so far

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% {background-color: #4791d0 ;}



Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/80.0.3987.149 Safari/537.36.

Challenge: Use CSS Animation to Change the Hover State of a Button

Link to the challenge:

There’s nothing wrong with your code, you should try this on another browser.

1 Like

I got it, Thank you.

Hi, I tried your code and the problem seems to be the space between the hex color and the semicolon.

1 Like