Occasionally I’ll come across an image I’ll want to recreate in CSS. I don’t know why.

The other day I came across this article which showed this image as its thumbnail in my RSS reader:


Flat images are perfect candidates for CSS shapes, of course, so I set out to recreate it. There are only five elements in the whole thing, since I’m using a few tricks like box-shadow and pseudo-elements.

Husband. Daddy. Programmer. Artist. I'm not an expert, I just play one in real life.

Leave a Reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.