Animation through Interaction 4/19/18

Last week I returned to lessons 14 and 15 of Advanced HTML and CSS to fully complete them. I had left a few exercises unfinished or halfway completed. I had to relearn how to create an animation using CSS. You simply write @keyFrames <name of animation> { from{:<filter>(0%);} to{:<filter>(100%)}} and insert the filter you want. You can also create animations with things other than filters, like other properties of a tag. For example, you can change the width or height of an image smoothly with the animation. With lesson 15, I relearned how to allow your mouse to affect elements of your page with selectors like hover:<tag>. I think it’s smart to return to old lessons to refresh the content in your head every now and then.