I could not have made this without Haml and Sass. This is comprised of a list with 100 list items. Each list item is styled differently. What’s more, you will always get a different configuration of trees, the color of the trees, and animation speed of the trees on refresh. This is all thanks to the random() Sass function on CodePen.
At the last minute, I decided to add the dumping of the trees on hover. It passed in my mind, but once I saw it happened I squealed with glee!
So please, give the bowl a hover!
The design is inspired by Graph #3 by Jordan Kasten-Krause.
This is one of my favorite Pens so far!
Did you enjoy this post? Support Black Girls Code. Black Girls Code's empowers young women of color ages 7-17 to embrace the current tech marketplace as builders and creators.