Adding Transitions and Animations in CSS

Holidays can be busy, and there is no shortage of things to work on. In between JavaScript practice and this years Advent of Code (of which I've completed only two and needed help for both), I decided to add a little flair to the site by implementing some CSS elements for transitions and animations.


I came across Josh W. Comeau's tutorial on CSS transitions and hover animations and used it on the social media icons on the bottom of the sidebar. Go ahead and mouse over there to see them in action. Pretty cool, right? Josh's tutorial is over here for further reading.


Lastly, I applied a simple page transition for the header and body of all pages. Check it out by clicking through a bunch of pages.