After my first CSS drawing here I am with more CSS art. This time I spent 31 days with the CSS master Lynn Fisher in order to acquire some ancestral powers around the single DIV.
The challenge was to follow a prompt and create a CSS illustration each day during the whole month of October. Say hello to #divtober
Lynn Fisher@lynnandtonicOctober is already going to be busy busy, but let’s do this! 😅
#divtober 2021: a.singlediv.com/divtober2021/16:52 PM - 28 Sep 2021
PS: click on rerun at the bottom right to run the pen again. Not all of the demos have an infinite animation.
Let's start with a Japan style hand fan
You missed the last keynote of Apple? Don't worry, find below the full replay:
A quick sword slash! 👀👀
Roronoa is preparing for the next fight.
An infinite loop animation. Will they touch each other?
I am already tired after only 4 days...
Hurry up and grab a slice!
Let's take care of the nature
I choose the word "bat" so here is a bat with a bat
We are already at day 10. Let's take a look at the calendar.
Still 21 to go 🥵🥵
You like cheese, don't you?
I don't know the word "squeak" but it's seems to be the sound produced by a mouse.
It's not the case of mine 🤔 (🤭)
Someone is hidden here. Find him!
Oh! a letter from my parents. Yes, I am doing this challenge on a lost island.
An island where there is no snow...
When the stack overflow.
Say hello to my friend Sunny.
Some nostalgia with Mario. Hover the box to earn coins! Sorry Firefox users, you cannot play the game.
The road to success is hard, long and — responsive 😛 (yes, yes! Adjust your screen size and see the result)
Hover the hat and TADA!!
Oops, where did the rabbit go again?! And what the hell is that animal 😩
Hey, Duo here! Let’s learn some Japanese?
Duolingo will not pay me for this ad
A wild Koffing appeared!
A deep friendship. I meant, a "dip" friendship 😜
I don't think the below are friends...
The Star Wars famous scene like you have never seen!
For this one I picked one of my old illustration from here: https://dev.to/afif/still-100-css-loaders-for-your-next-project-57hp#the-famous
Meet the Daldots! the new CSS villains
If you don't know the original cartoon, click here
What smoothie are you? select your fruit!
Tailwind developer VS CSS developer. Choose your road!
Both lead to the same destination but ...
I won't tell which one is which because I am pretty sure not everyone will see it the same way 😜
It's finally over! it was fun but exhausting 😵
Don't forget to tell me your favorite one 👇. Follow this link if you want to see what the others have made: https://twitter.com/hashtag/divtober?src=hashtag_click&f=live
Wait for more crazier and funny CSS art! I will get back with more superpowers!
Follow me on twitter if you don't want to miss some cool stuff I share there: https://twitter.com/ChallengesCss
Top comments (9)
Number 25 The Dip, my favorite. An amazing work.
Always been impressed with your CSS skills 😉
Top notch stuff right here 💯
I'd like to be original, but this is indeed awesome. CSS is definitely my weakspot and checking out your work is always fun!
These are amazing!
Find it so impressive you can do all this with one div!
I even struggle to do it with multiple ones.
This awesome! 👍
Ending on a bang there, "the end" (spooky) is great!
Love all of them! ❤
This is amazing 🤩. Also, can I use the fancy one in my own project? I think it looks really cool.
yes you can ;)