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

Command Line Lover

Cartoon character

Drawing a cartoon character in CSS

css html showdev codepen

Another cartoon character coded from scratch in HTML and CSS. This one is more my style, although it reminds me of a character from Archie (the old version), so that might have been a subconscious influence.

This illustration was done a little bit different than others, instead of grouping elements (e.g. eyes, nose, mouth inside the face), I just put everything directly on the canvas. A bit annoying if you need to move different things at once, but luckily for me, I didn't need it.

Here is the CSS illustration:

And here it is a video on youtube that shows how I coded it. It is at 20x, but it is still a bit longer (~5 minutes) than other drawing videos I've done.


This drawing is part of the 100 Days of CSS Illustration challenge. If you want to see more CSS drawings and how they were done, check my Youtube channel.

Article originally published on