Divtober Day 1: Fan

Alvaro Montoro - Oct 2 '21 - - Dev Community

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.

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .