CSS bicycle wheel

code × August 1, 2013

See the Pen Bicycle Wheel by Katy DeCorah (@katydecorah) on CodePen

After I showed my boyfriend the CSS Octagon, he pointed out that when the octagon has no width, it looks like a bicycle wheel.

I used similar code as the CSS Octagon for the wheel. I did a fancy Sass loop for each spoke. I love a good Sass loop.

Go on, give it a hover!

Simple chart CSS diamond