Did everything possible! only one check... what do i do?

Tell us what’s happening:

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 (Macintosh; Intel Mac OS X 10_13_6) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/79.0.3945.130 Safari/537.36.

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

Link to the challenge:

What problems are you having? What questions do you have?

Your code is fine, just hit enter before @keyframes background-color

Good code:


@keyframes background-color;{

Your code:

@keyframes background-color;{