Solution for using animation to change hover state

[Sky020]

Hello there.

Thank you, for your contribution. For future contributions, please wrap your solution within :

[details]
```
code goes here...
```
[/details]

Also, provide all of the necessary code to pass the challenge.

Also, when you enter a code block into a forum post, please precede it with a separate line of three backticks and follow it with a separate line of three backticks to make it easier to read.

You can also use the “preformatted text” tool in the editor ( </> ) to add backticks around text.

See this post to find the backtick on your keyboard.
Note: Backticks (`) are not single quotes (’).

Thank you, for your guide post contribution. I have taken your suggestions and included them in the following guide post:

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

Use CSS Animation to Change the Hover State of a Button This is a stub. Help the community by making a suggestion of a hint and/or solution. We may use your suggestions to update with more detail. Problem Explanation This summarizes what need to be done without just restating the challenge description and/or instructions. This is an optional section Relevant Links Mozilla Docs: @keyframes Hints Hint 1 Hint goes here Hint 2 Hint goes here Solutions

Solution 1 (Click to Show/Hide)

<styl…

We look forward to your further contribution.