100 Days of CSS Illustrations (61-70)
Tags: css, art, html, showdev
Published: 2020-10-14 01:20:23

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

This cartoon was drawn from scratch with the face of an unimpressed person. You can watch [how it was done in this video](https://www.youtube.com/watch?v=LW3y6EkuS40).

[![Minimalist drawing of a face with eyes, nose, and a mouth with a big frown](https://dev-to-uploads.s3.amazonaws.com/i/3zz9tyhat9q1e63m6t8t.png)](https://codepen.io/alvaromontoro/full/oNxKJOj)

## Day 62: Young woman holding a sign

Another cartoon from scratch. This time it is a young woman holding a sign with a slogan from the French May'68.

[![Young woman holding a sign with the text "Sous les pavés, la plage" (in French: "Under the pavement, the beach"). A slogan from May 68](https://dev-to-uploads.s3.amazonaws.com/i/xdes0g9z71gioaave9ii.png)](https://codepen.io/alvaromontoro/full/LYNwvwp)

## Day 63: V-neck guy

And yet another cartoon from scratch... and a different style from the previous two. There is a [video on how this cartoon was done on Youtube](https://www.youtube.com/watch?v=NL3XMxaqq5g).

[![Young man smiling and wearing a v-neck t-shirt](https://dev-to-uploads.s3.amazonaws.com/i/7h89w9hcwktsasrja6c6.png)](https://codepen.io/alvaromontoro/full/GRqKbBz)

## Day 64: Vote!

This was an attempt at doing a simple logo/banner with HTML and CSS.  The US presidential elections were 27 days away, and the main candidates were Trump (known for his hair) and Biden (who sports aviator sunglasses).

[![Poster with the words "Election 2020". The first zero is blue with sunglasses on top. The second zero is red with a yellow hair toupe](https://dev-to-uploads.s3.amazonaws.com/i/bjusdpk23utc9squ8vcy.png)](https://codepen.io/alvaromontoro/full/WNxNQNP)

## Day 65: Mouse

Inspired by "[Day 6 - Rodent](https://dribbble.com/shots/14338883-Day-6-Rodent)" by [Cris](https://dribbble.com/cristianuy) on Dribbble (which is so much better with textures and shapes). There is also a [video of how it was done](https://www.youtube.com/watch?v=5XFCK5m6uTs).

[![Minimalistic illustration of a mouse with rounded ears looking back](https://dev-to-uploads.s3.amazonaws.com/i/g3q852nwhm8wbkg1r0fy.png)](https://codepen.io/alvaromontoro/full/dyXyNyR)

## Day 66: Girl holding a balloon

Inspired by an illustration by super-talented [Ana María](https://twitter.com/amethyste_ana). As with the previous cartoon, the originals are 1,000 times better than my translation into HTML+CSS. [Video of how it was drawn]().

[![Girl with ponytails, wearing a dress, and holding a balloon](https://dev-to-uploads.s3.amazonaws.com/i/qovlmtaj7t92ldimkga6.png)](https://codepen.io/alvaromontoro/full/OJXPrWY)

## Day 67: Boat

This one is interesting. On Firefox, it looks fine, on Chrome sometimes a background flickers (why?), and on Safari, the box-shadows act funny with the boat shape... I'll need to be more careful with that in the future :S

[![Wooden boat with two oars floating on the water](https://dev-to-uploads.s3.amazonaws.com/i/pppc73embffr26vga826.png)](https://codepen.io/alvaromontoro/full/OJXVXMO)

## Day 68: Little Death

A pre-Halloween cartoon done from scratch. I really like the result of this one. Chrome seems to have issues with box-shadows, rounded borders, and relative units, affecting how the scythe is drawn (or even displayed!)

[![A small grim reaper holding a scythe](https://dev-to-uploads.s3.amazonaws.com/i/lzz8klcb9lso43ur8g5u.png)](https://codepen.io/alvaromontoro/full/JjKdJbY)

## Day 69: Frankenstein's Monster

Another Halloween-themed illustration from scratch. Halfway through this one, I felt tempted just to do The Hulk but didn't change direction. Here is a [video of how it was done](https://www.youtube.com/watch?v=5-8ds36hlK0).

[![Face of a man with a scar and screws on his forehead, and a serious frown](https://dev-to-uploads.s3.amazonaws.com/i/vk2yb2p6nkyak3h3ir2z.png)](https://codepen.io/alvaromontoro/full/ExyjJbm)

## Day 70: Ellipse's Poodle

This dog was drawn using only ellipses and semicircles. It was fun to do, although the result is not too impressive... It almost looks more like a goat than a poodle :S

[![Abstract/Minimalist version of a white dog holding a still position](https://dev-to-uploads.s3.amazonaws.com/i/zgjknn2h3wthocf5012d.png)](https://codepen.io/alvaromontoro/full/mdEemEZ)