Drawing a CSS cartoon

It was a slow Sunday afternoon/evening, and I had an hour to play with the computer, so I decided to draw something from scratch using HTML and CSS:

I wasn't using any image for reference, which made it different and fun (and the result unpredictable and a bit weird).

Initially, it was only going to be the face of a person, then fangs popped up, and then my kids woke up from their nap and the drawing ended (there were some attempts to continue, but they were unsuccessful).

Here how the coding process:

...after watching the video, I realized I need to improve my typing. I can't believe the number of times that I had to hit delete/backspace because I did a small mistake.

Comments

[Giorgos Sarigiannidis]

This reminds me of myself when I first discovered CSS animations :D Here's mine, just for fun:

codepen.io/gsarig/pen/LkdxKj
codepen.io/gsarig/pen/AXykzY
codepen.io/gsarig/pen/xOpqRJ

[Alvaro Montoro]

The Walking Bed XDDDDDDDDDDDDDD

[Sadiqur Rahman]

I liked walking bed :D :D

[Alvaro Montoro]

You can use it and improve it :)

[Alvaro Montoro]

What did you use to draw it?

[Keff]

Nice stuff! Looks awesome!

[Aleksandr Hovhannisyan]

Very cool!

[Andrew Baisden]

Very cool i should level up my CSS drawing game.