This definitley went beyond my skill level. I had never used "svgs" or "paths" before so implementing that was from a code pen I had found. The animation and keyframe-usage was also a new topic. I've touched on it before but not much. I had also never used pure CSS to animate something - like for example the button - so that was fun.
I used Google Chrome for this. I tested it on Explorer as well. I used design standards by keeping it simple, using semantic markup, and including a header for formality.
Reflection: In this project I learned about micro animations and how you can use a little CSS and JS to make that happen. I had worked with Code Pen for the first time and also worked to implement SVGs and paths to create an icon and animation.
Resources Used:
- https://css-tricks.com/css-animation-libraries/
- https://www.sitepoint.com/button-micro-interactions/
- https://medium.com/net-magazine/create-a-set-of-micro-animations-6bb42a292f8b