CSS keyframes allow you to animate elements, but as you noticed in the previous assignment, keyframes start on their own upon page load. In the following examples we control when keyframes start. We will start keyframe animations with something familiar - a hover pseudo class.
As in the previous assignment, we specify animation names for the elements and provide a @keyframes code block. However, we will do this on the :hover css code block. These are still simple animations that change from a beginning to end state using the from{} and to{} code blocks.