100 Days of CSS Illustrations (81-90)
Tags: css, art, html, showdev
Published: 2020-11-02 20:43:48

---
title: 100 Days of CSS Illustrations (81-90)
published: true
description: Days 81-90 of the 100 days of CSS illustrations challenge.
tags: CSS,art,html,showdev
cover_image: https://dev-to-uploads.s3.amazonaws.com/i/0j9li280z27ha0owg5uo.png
series: 100 days of CSS illustrations
---

Here are the 10 illustrations/drawings I did in the past 10 days. **Click on the image to see the full illustration with the code**, and [click here to see a CodePen collection with all of the drawings plus some variations](https://codepen.io/collection/AOaOdx).

This is the first batch of drawings for which all the illustrations have videos on how they were done. To see more of these videos, [subscribe to my Youtube channel](https://www.youtube.com/channel/UCbP0caJlh6Yl2J5VDDro2Bg).

## Day 81: Coffee in the snow

Inspired by "[Winter Outfits - Vector Illustration](https://dribbble.com/shots/14424505-Winter-Outfits-Vector-Illustration)" by [Hadi Kurnia](https://dribbble.com/koorniaz) on Dribbble... I liked the idea of doing something like that, then built if from zero inspired by that illustration... [and a video of how it was done](https://www.youtube.com/watch?v=PkOK-bYMlN8).

[![Cartoon of a person wearing winter clothes and holding a coffee paper cup. In the background there's snow and icy mountains](https://dev-to-uploads.s3.amazonaws.com/i/k8hgpvvpyc4clygldz54.png)](https://codepen.io/alvaromontoro/full/MWeJxZy)

## Day 82: Little Monster

A new Halloween-y cartoon done from scratch. [Here is the video of how the illustration was drawn](https://www.youtube.com/watch?v=fcwuKsPb_FQ).

[![Cartoon of a smiling monster with a big head/body, one eye only, no arms, two legs, and two horns](https://dev-to-uploads.s3.amazonaws.com/i/yh8siyfze1kfvzryv8sa.png)](https://codepen.io/alvaromontoro/full/GRqWoRz)

## Day 83: Man's face

Another drawing that was done from the ground up. [This is how the illustration was drawn](https://www.youtube.com/watch?v=-mpljs6dXEs).

[![Cartoon of a bearded man with green eyes](https://dev-to-uploads.s3.amazonaws.com/i/bt18yxgz5s6jusxcytsk.png)](https://codepen.io/alvaromontoro/full/KKMWWLv)

## Day 84: Woman and leaf

Inspired on [Unused proposal](https://dribbble.com/shots/14461326-Unused-proposal) by [Bujar Ljubovci](https://dribbble.com/Bujar) on Dribbble, this illustration is only 3 div's (and could be easily reduced to 2). I uploaded a [video on Youtube with how it was done](https://www.youtube.com/watch?v=5xBqp6tgMJI).

[![Logo with a woman with her eyes closed holding leaves](https://dev-to-uploads.s3.amazonaws.com/i/82axcdv21txnsbvyl7zh.png)](https://codepen.io/alvaromontoro/full/MWepRrp)

## Day 85: Cartoon character (v3)

Another cartoon character from zero. This one has a style that vaguely reminds me of Archie (the old one)... although not on purpose... and [another illustration with a "behind-the-scenes" video](https://www.youtube.com/watch?v=amsTs2cxAow).

[![Cartoon of a person with glasses smiling](https://dev-to-uploads.s3.amazonaws.com/i/8qpm7w762fhc0n92ubiv.png)](https://codepen.io/alvaromontoro/full/ExyvEJY)

## Day 86: Person coding (v2)

Initially, I thought about doing a drawing based on Pacifica Northwest, but then I realized that I was running out of time and hurried things up into something that is "a bit" rough around the edges... [And a video of how it was done](https://www.youtube.com/watch?v=OPdhnf4oYa4)

[![Person smiling while using a laptop](https://dev-to-uploads.s3.amazonaws.com/i/80sqmflw0amse977c5ct.png)](https://codepen.io/alvaromontoro/full/qBNoNpV)

## Day 87: Butterfly

This illustration started as a [comment on Youtube](https://www.youtube.com/watch?v=OPdhnf4oYa4&lc=UgyWH4CdRLne8ofynKB4AaABAg), but I must say I really enjoyed drawing this butterfly... 
[and I created another video on how it was coded](https://www.youtube.com/watch?v=olYdXtPhbvw).

[![Cartoon of a butterfly with lines and dots](https://dev-to-uploads.s3.amazonaws.com/i/rew1i1rszxyjcrjitejo.png)](https://codepen.io/alvaromontoro/full/MWeVGRV)

## Day 88: CSS Witch

It is Halloween night, so I decided to do another Halloween-styled cartoon: a wicked witch. This cartoon took a little bit longer to do, so I have two video versions: a [long one](https://www.youtube.com/watch?v=cjt-EK4m3JA) and a [short one](https://www.youtube.com/watch?v=vFgyp6c0ROA).

[![A smiling witch with green skin with a pointy hat holding a broom](https://dev-to-uploads.s3.amazonaws.com/i/8mx14eh002f293qlakzj.png)](https://codepen.io/alvaromontoro/full/VwjXVzy)

## Day 89: La Muerte

After doing some Halloween illustrations, it felt good to do a Día de Los Muertos one too. This version of La Muerte was inspired by one from the movie "[The Book of Life](https://www.imdb.com/title/tt2262227/)". As with the other images, [there's a video on how it was done]().

[![Cartoon of La Muerte, a traditional Mexican figure associated with the Day of the Dead](https://dev-to-uploads.s3.amazonaws.com/i/90c7w3hzc2e78c3hlesh.png)](https://codepen.io/alvaromontoro/full/gOMzaxj)

## Day 90: Rabbit in the Hat

I must admit today's animation/drawing is a bit simplistic, but today (and probably tomorrow) I won't have much time so they will be fairly simple. Still, here there's a [video of how it was done](https://www.youtube.com/watch?v=JoFO-I44Ryg)

[![Really simple illustration of a top hat with bunny ears poking out](https://dev-to-uploads.s3.amazonaws.com/i/43c6jd0crip71zzgnhtd.png)](https://codepen.io/alvaromontoro/full/yLJjWGR)

## Extra: ambigram

An attempt at doing an [ambigram with my name (Alvaro.)](https://codepen.io/alvaromontoro/full/LYZLYrR) It is rough around the edges, but it kind of works: if you rotate the image 180 degrees, it will still read the word Alvaro:

![Ambigram for the word Alvaro](https://dev-to-uploads.s3.amazonaws.com/i/dopcq8dbyg9u1hbbamvl.png)