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

Sofia's Father

Cartoon of a person

Drawing a CSS cartoon

css drawing

It was a slow Sunday afternoon/evening, and I had an hour to play with the computer, so I decided to draw something from scratch using HTML and CSS:

I wasn't using any image for reference, which made it different and fun (and the result unpredictable and a bit weird).

Initially, it was only going to be the face of a person, then fangs popped up, and then my kids woke up from their nap and the drawing ended (there were some attempts to continue, but they were unsuccessful).

Here how the coding process:

...after watching the video, I realized I need to improve my typing. I can't believe the number of times that I had to hit delete/backspace because I did a small mistake.

Article originally published on