DEV Community

Cover image for Drawing a cartoon character in CSS

Drawing a cartoon character in CSS

Alvaro Montoro
CSS aficionado ⊆ Web Developer ⊆ Software Developer ⊆ Person
・1 min read

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.

Discussion (0)