Bowl of trees

code • September 18, 2013

I could not have made this without Haml and Sass.

See the Pen Bowl of Trees by Katy DeCorah (@katydecorah) on CodePen

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!

Keep reading code