Applied visual design css animation to change the hover state of a button


Your code so far

button {
  border-radius: 5px;
  color: white;
  background-color: #0F5897;
  padding: 5px 10px 8px 10px;

botton:hover {
  animation-name: background-color;
  animation-duration: 500ms;
@ keyframes background-color {
100% {
background-color: #4791d0;


<button src-"" alt="register" />

Your browser information:

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

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

Link to the challenge:

1 Like

Welcome to the forum.

Could you please be a little more specific about what’s going on? I see you deleted that portion of your post, but the more you say, the more people will be able to help you.

1 Like

have no idea wher im going wrong

1 Like

got it had to remove the space i left between @ keyframes

1 Like