100 Days of CSS Illustrations (1-10)
Tags: css, art, html, showdev
Published: 2020-08-14 16:20:01

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

As a personal fun project, I challenged myself to do 100 CSS drawings in 100 days. Today marks a milestone: the 10<sup>th</sup> day, so I decided to share the ones I've done so far (and to show off a little, I am really proud of some of them 😊)

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).

## Day 1: Shark

This one was done from scratch as part of a [CSS game](https://codepen.io/alvaromontoro/pen/XWdrQOg) I did last week, and it is the one that triggered the whole drawing project idea.

[![Shark cartoon](https://dev-to-uploads.s3.amazonaws.com/i/mu8lrloprmu4mh7kf37d.png)](https://codepen.io/alvaromontoro/full/PoNoBRj)

## Day 2: Person thinking

This one, like some others from the list, is inspired/based on an illustration from Dribbble. In particular, this one is inspired by [Faces by Olga Semklo](https://dribbble.com/shots/13972666-faces). 

[![Person thinking cartoon](https://dev-to-uploads.s3.amazonaws.com/i/97ts4krupcdfm9t2xhza.png)](https://codepen.io/alvaromontoro/full/abNzwdQ)

## Day 3: Hummingbird 

Another one from Dribbble. This was inspired by Ivan Bobrov's hummingbirds on Dribbble ([this](https://dribbble.com/shots/4832273-Bird-Mark) and [this](https://dribbble.com/shots/4838572-Colibri-mark)). And as a challenge, I used only semicircles (although I _cheated_ a by stretching them a little.)

[![Hummingbird cartoon](https://dev-to-uploads.s3.amazonaws.com/i/hizwny37zkx9b8xte18y.png)](https://codepen.io/alvaromontoro/full/bGpNreK)

## Day 4: Face

This cartoon is from scratch and I really like how it turned out, with the condescending look and smirk.

[![Man with mustache smiling](https://dev-to-uploads.s3.amazonaws.com/i/sjum031r863eiov3ig6z.png)](https://codepen.io/alvaromontoro/full/jOqEJzY)

## Day 5: Monster with balloon

Another one from scratch. This one was based on a series of cartoons I did for my daughter 5-6 years ago.

[![Red monster holding a balloon](https://dev-to-uploads.s3.amazonaws.com/i/kf5meq4t4a4w5oz2963v.png)](https://codepen.io/alvaromontoro/full/XWdbmRB)

## Day 6: Ace Ventura caricature

And yet another from scratch. This one I started doodling without a clear goal, then the idea of making an Ace Ventura caricature popped up, but I wasn't able to get a good expression.

[![Ace Ventura caricature](https://dev-to-uploads.s3.amazonaws.com/i/h6xjm7uvkb4nj3ch7uxj.png)](https://codepen.io/alvaromontoro/full/XWdbEaY)

## Day 7: Minimalist Dog

Based on [Coffee Dog by Ahsan Kahn](https://dribbble.com/shots/13994593-Coffee-Dog) on Dribbble. I added some ears, but I didn't like the result, so I hid them later.

[![Dog smiling](https://dev-to-uploads.s3.amazonaws.com/i/cy3ppvpzd9yfbr0co4gk.png)](https://codepen.io/alvaromontoro/full/MWyaaKp)

## Day 8: Harry Potter

I did two versions of this cartoon from scratch. The one below, and [another in which Harry is a bit slimmer](https://codepen.io/alvaromontoro/full/QWNyKxm) as my daughter claimed it didn't really look like Harry Potter.

[![Harry Potter cartoon](https://dev-to-uploads.s3.amazonaws.com/i/mzf7vg56tvoz0vk42k2j.png)](https://codepen.io/alvaromontoro/full/YzqyJJL)

## Day 9: Cardinal

Based on [Cardinal by Jord Riekwel](https://dribbble.com/shots/13995110-Cardinal) on Dribbble. I later did a versions with colors trying to change it into a [Blue Jay](https://codepen.io/alvaromontoro/full/XWdXBEe), but none of them are as cool as the original.

[![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/oopjf3jb57hvdp58iu3g.png)](https://codepen.io/alvaromontoro/full/XWdmWGx)

## Day 10: Profile

I really like this one too... even when it doesn't do honor to the original in which it is based on: [Swiss Beatz by Rogie](https://dribbble.com/shots/13989550-Swiss-Beatz) (which is 1,000-times more expressive and nicer than mine).

[![Profile](https://dev-to-uploads.s3.amazonaws.com/i/bx0tnxa7kkpzibwjddwv.png)](https://codepen.io/alvaromontoro/full/WNwrPmW)


----

And that's it for now. Hopefully, there will be 10 more in 10 days 😊