DEV Community

Cover image for Drawing a CSS cartoon
Alvaro Montoro
Alvaro Montoro

Posted on

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.

Top comments (8)

Collapse
 
gsarig profile image
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

Collapse
 
sadiqur_rahman profile image
Sadiqur Rahman

I liked walking bed :D :D

Collapse
 
alvaromontoro profile image
Alvaro Montoro

The Walking Bed XDDDDDDDDDDDDDD

Collapse
 
nombrekeff profile image
Keff

Nice stuff! Looks awesome!

Collapse
 
aleksandrhovhannisyan profile image
Aleksandr Hovhannisyan

Very cool!

Collapse
 
andrewbaisden profile image
Andrew Baisden

Very cool i should level up my CSS drawing game.

 
alvaromontoro profile image
Alvaro Montoro

What did you use to draw it?

Collapse
 
alvaromontoro profile image
Alvaro Montoro

You can use it and improve it :)