CSS keyframes allow you to animate elements. Keyframes start on their own upon page load. In the following examples it is possible control when keyframes start. Starting keyframe animations with a hover pseudo class.
We specify animation names for the elements and provide a @keyframes code block.Then is will be possible 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 with images.
