I recently did some experimenting with animating inline SVG icons and wanted to quickly review my process and the joys and frustrations I ran into.

I created two demos to show how animations can be activated via switch. One demo animates an “Airplane Mode” experience and the other contains a series of street lamps that will turn on. So let’s take a look.

I recently had to use multiple CSS animation delays and wanted to create a quick demo to, you know, demonstrate.

I have been using CSS triangles a lot lately in drawings. While they are genius and I love them, they can also be annoying and inflexible. I figured out how to make them slightly less annoying and thought I should shout it from the rooftops.

For the most part, social media buttons and color change on hover go hand in hand. This gets the job done, but the possibilities with these things are literally endless. For this demo we will get pretty scandalous and push CSS beyond a basic color change for a Twitter button. Let’s take a look at the animation involved with a hinged button effect.

I recently wrote an article for HTML5HUB on basic CSS animations with Franklin the fish.