DEV Community

Alvaro Montoro
Alvaro Montoro

Posted on • Updated on

Divtober Day 1: Fan

Lynn Fisher is an amazing CSS Artist, and she is especially great at creating CSS drawings using just a single HTML element among many other projects she does (Nestflix is a lot of fun!)

In October, she organizes #divtober, a one-month challenge in which she draws (and encourages other to participate too) CSS art based on different topics. This is the list for this year:

And this is my entry for the first day of Divtober: an animated ceiling fan that starts moving when you pulled the string.

I'm not a big fan (no pun intended) of the colors I used, and some people may claim that I cheated by using an <a> instead of a <div>, but that allows for more interesting playground because it has different states that a <div> doesn't have, plus it can be used to redirect the page (only once though) and make use of the :target pseudo-class.

Discussion (8)

Collapse
afif profile image
Temani Afif

This competition will gonna be crazy!

my entry for this

Collapse
inhuofficial profile image
InHuOfficial

Both very cool! I look forward to seeing both of your entries!

Collapse
lyavale95 profile image
LyAVALE95

Amazing!!

Collapse
alvaromontoro profile image
Alvaro Montoro Author

It's not a competition (at least I don't see it that way). More of a fun challenge.

Your entry for fan is amazing :)

Collapse
afif profile image
Temani Afif

not a competition in a sense that we will win something but more to push our skill limit trying to make the best entry πŸ˜‰

Your fan is also great πŸ‘

Collapse
inhuofficial profile image
InHuOfficial • Edited on

A minor change that means that you can switch the fan on by clicking it and off by clicking outside it. Plus it is a <div> now!

Collapse
sowg profile image
Sowjanya • Edited on

You can use any element but it has to be only one, It says in the rules:

  • Each drawing is one (or whatever element you want) + its :before and :after.

    So you never cheated πŸ˜„

Collapse
lyavale95 profile image
LyAVALE95

woow it looks so coool