Drawing a CSS cartoon

Alvaro Montoro - Aug 3 '20 - - Dev Community

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.

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .