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.
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.
Day 52: Demon
I was about to get to 666 followers on Codepen, so original-me decided to do a cartoon depicting a demon.
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.
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.
Day 55: Koi fish
This cartoon is based on this drawing on the Pinterest page of Urban Threads. I really liked the simplicity of the drawing, and I like these colored fish.
Day 56: Peter Griffin
Minimalist version of Peter Griffin, a character from the TV show Family Guy.
Day 57: Bicycle
Based on "M is for Motion" by Andrew Pons for Big Vision on Dribble. As this illustration uses conic gradient, it won't be exactly the same on Firefox.
Day 58: CSS Mafalda
Quino was one of the edgiest and most inspiring cartoonists of the Spanish language. He passed away on 09/30/2020. Mafalda is one of his most beloved characters.
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.
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.
Top comments (5)
Thanks @Alvaro for sharing. This is really an amazing work. You motivated me and now I am going to try the same :)
Yay! Can't wait to see what you make!
Thanks! And please, share what you do! I always enjoy seeing what others do (in fact, it was @s_aitchison 's challenge and illustrations that motivated me to go for this one)
This is some awesome work!
Iโve only just started with CSS Art and finished my first piece.
here
Iโd love to know any pointers you had? SVG is next on the list to learn.
Gracias!
Aunque me quedan alguno mรกs que 9... me faltan 40... ๐ฌ