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

Constant Learner

Cartoon of the Frankenstein's monster

Drawing Frankenstein's Monster with CSS

codepen showdev html css

Another Halloween-themed illustration done with HTML and CSS. If yesterday it as a little Grim Reaper, today it is Frankenstein's Monster:

While coding it, I realized that it started looking more like the Hulk and less like Frankenstein's monster... I almost changed direction halfway and go with the superhero approach instead of the monster, but I didn't.

The whole drawing process took around one hour. Here there's a 3-minute video of how it was done (at 20x):

A couple of things to do before the next illustration: practice repeating gradients in CSS (had some trouble with them for the stitches, opted for a regular gradient), and revisit Flex (I got confused with align-items and justify-content.)

Article originally published on