freeCodeCamp's Use CSS Animation to Change the Hover State of A Button, Applied Visual Design

Lesson Summary

In this freeCodeCamp lesson from the Applied Visual Design section we look at using animation to change our button's hover state. Using animation to change a buttons hover effect first begins with selecting our button. We then add the pseudo-class on hover (:hover) to specifiy we only want our stye to be applied on hover. We then specify an animation name and the duration in milliseconds ( 1 second is the same as 1000 milliseconds). Then we use CSS keyframes (@keyframes) to specify what we want to happen at what point in time. In our challenge we have it change the background color on hover. but in the next lesson we will add some code to make it a bit better. See you humans in the next lesson

Subscribe To Monthly Newsletter. Chance to Win Monthly Prizes

* indicates required