Heads up! This blog post hasn't been updated in over 2 years. CodePen is an ever changing place, so if this post references features, you're probably better off checking the docs. Get in touch with support if you have further questions.

In my new capacity as one of the Pickers of Pens, I had the pleasure of discovering some lovely work by LittleSnippets. You may remember seeing this Pen I picked in September.

little snippets hover effect demo

I love how LittleSnippets is using CodePen to power their daily HTML/CSS blog. Right now they have more than a hundred Pens featuring clever image hover effects, buttons, and card templates. Here are a few of my favorites:

See the Pen #1095 - Image with fade in title and caption by LittleSnippets.net (@littlesnippets) on CodePen.

See the Pen #0042 - Profile card by LittleSnippets.net (@littlesnippets) on CodePen.

See the Pen #0019 - Image hover effect with caption by LittleSnippets.net (@littlesnippets) on CodePen.

All of these, and many more, are on LittleSnippets.net.