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.

Sometimes CSS makes me so happy. Sometimes it makes me cry, but then I find a solution and am even happier than when things just work. Using a trillion images is one recent example of things that start out seemingly easy, become surprisingly tricky, leads to pouting, and ultimately ends in joy and accomplishment.

When I have a free minute I sit and create CSS creatures. This often (too often perhaps) leads to excitement and the inevitable desire to make the creature do things. To move.

I recently learned about media queries. I recently learned about CSS animation. This week I combined the two and it was beautiful, exciting, emotional, and dangerous.

Sass meets CSS animation. This was officially the most fun I have had with self-assigned homework. I haven’t used Sass much since I wrote about it in this post a couple weeks ago, and I can’t get my head out of CSS animations these days, so why not practice both at once?