CSS Silhouette

alvaromontoro

Alvaro Montoro

Posted on October 15, 2020

CSS Silhouette

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:

πŸ’– πŸ’ͺ πŸ™… 🚩
alvaromontoro
Alvaro Montoro

Posted on October 15, 2020

Join Our Newsletter. No Spam, Only the good stuff.

Sign up to receive the latest update from our blog.

Related

Multicolour reflections from text
codepen Multicolour reflections from text

February 7, 2022

CSS Peasant
codepen CSS Peasant

February 24, 2021

Drawing a cartoon in CSS
codepen Drawing a cartoon in CSS

December 21, 2020

CSS Silhouette
codepen CSS Silhouette

October 15, 2020

#CodepenChallenge 100 DIVS: Living Room
codepen #CodepenChallenge 100 DIVS: Living Room

September 9, 2020