100 Days of CSS Illustrations (51-60)
Tags: css, art, html, showdev
Published: 2020-10-03 16:55:28

---
title: 100 Days of CSS Illustrations (51-60)
published: true
description: Days 51-60 of the 100 days of CSS illustrations challenge.
tags: CSS,art,html,showdev
cover_image: https://dev-to-uploads.s3.amazonaws.com/i/8a56a9aihkmm3035sw1z.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).

## Day 51: Yeti

A version of a Yeti that I drew for a game a long time ago and that I never ended up publishing.

[![Cartoon with a big smiley ape-ish monster](https://dev-to-uploads.s3.amazonaws.com/i/tnnddyvdzl7g9ogf5ose.png)](https://codepen.io/alvaromontoro/full/qBZLewJ)

## Day 52: Demon

I was about to get to 666 followers on [Codepen](https://codepen.io/alvaromontoro), so original-me decided to do a cartoon depicting a demon.

[![Cartoon depicting the upper body of a red demon with horns, triangular eyes, big muscles, and a tail](https://dev-to-uploads.s3.amazonaws.com/i/jyazqe1cxdbi9o0ehxv3.png)](https://codepen.io/alvaromontoro/full/XWdGbyP)

## Day 53: Puppy

When I started drawing this cartoon from scratch, it soon started looking like Sonic the Hedgehog... so I modified it a little and made it into a dog. Here is a [video of how it was done](https://www.youtube.com/watch?v=wQ9elWlgQxU).

[![Cartoon of a puppy with big eyes and big ears](https://dev-to-uploads.s3.amazonaws.com/i/lyjqp8xjhx9sh52xawtq.png)](https://codepen.io/alvaromontoro/full/rNeRrqE)

## Day 54: Person wearing an HTML t-shirt

I published this one a day ahead, and had little time to do it. Still the result is decent. I recorded the process from this one too and [shared it on Youtube](https://www.youtube.com/watch?v=dZEdjsr4YbY).

[![Cartoon of a young person wearing a t-shirt with the text "HTML"](https://dev-to-uploads.s3.amazonaws.com/i/8x4hdclyo5f4qabqxaqh.png)](https://codepen.io/alvaromontoro/full/JjXzwxr)

## Day 55: Koi fish

This cartoon is based on [this drawing on the Pinterest page of Urban Threads](https://www.pinterest.com/pin/37365871893023731/). I really liked the simplicity of the drawing, and I like these colored fish.

[![Cartoon of a koi done with lines](https://dev-to-uploads.s3.amazonaws.com/i/9th5jpy1kh4r88s0kwdx.png)](https://codepen.io/alvaromontoro/full/MWyReEq)

## Day 56: Peter Griffin

Minimalist version of Peter Griffin, a character from the TV show Family Guy.

[![Minimalist cartoon of Peter Griffin from Family Guy](https://dev-to-uploads.s3.amazonaws.com/i/ogzgwbibhkmi0iuniriq.png)](https://codepen.io/alvaromontoro/full/gOrJRvr)

## Day 57: Bicycle

Based on "[M is for Motion](https://dribbble.com/shots/5055509-M-is-for-Motion)" by [Andrew Pons](https://dribbble.com/ImAndrewPons) for [Big Vision](https://dribbble.com/BigVision) on Dribble. As this illustration uses conic gradient, it won't be exactly the same on Firefox.

[![Cartoon of a bicycle in motion](https://dev-to-uploads.s3.amazonaws.com/i/9qe9f7xfuyxw5jsxo6kj.png)](https://codepen.io/alvaromontoro/full/eYZaGgd)


## Day 58: CSS Mafalda

[Quino](https://en.wikipedia.org/wiki/Quino) was one of the edgiest and most inspiring cartoonists of the Spanish language. He passed away on 09/30/2020. [Mafalda](https://en.wikipedia.org/wiki/Mafalda) is one of his most beloved characters. 

[![Cartoon of Mafalda, a little girl wearing a dress and a bow on her head](https://dev-to-uploads.s3.amazonaws.com/i/hgsc5to3p8jguumqiqai.png)](https://codepen.io/alvaromontoro/full/OJNYeJJ)

## Day 59: Superman/Clark Kent

Place the mouse over Superman so the drawing will change colors and shapes, and transition into Clark Kent. I recorded how it was developed, and [it can be watched on Youtube](https://www.youtube.com/watch?v=MKCsVebUB8I).

[![Cartoon of a superman-looking superhero with tights, a cape, and a big logo with an S](https://dev-to-uploads.s3.amazonaws.com/i/b7wuxstrmwgnvwtgen3b.png)](https://codepen.io/alvaromontoro/full/bGpXbRO)

## Day 60: Missing summer

I wanted to do a landscape for a while. This one is a bit simple (only 6 `div`s) and it includes a soothing wave animation.

[![Cartoon of a beach with a sunset, and an umbrella open on the sand](https://dev-to-uploads.s3.amazonaws.com/i/ss1toocxx1xfqco1o55x.png)](https://codepen.io/alvaromontoro/full/eYZqvdj)