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.