Skip to main content
Photography of Alvaro Montoro being a doofus
Alvaro Montoro

StackOverflow Moderator

Silhouette

CSS Silhouette

codepen css html showdev

Today's CSS illustration is a person's profile silhouette:

The are two interesting things about it:

  1. It was done with HTML and CSS.
  2. It only uses circles to generate the illustration (hover over to see the circles).

Just using circles to draw an image is something that I've done (and written about) in the past, but it was a more "cartoony" type of thing.

I recorded the process (it took around 20-25 minutes) and put a video together. It is at 8x with a couple of alternatives that were considered:

Article originally published on