Nike Trophy Shelf

Dribbble shelf

1 Attachment

Been working on my portfolio page, little by little. Incorporating the things I use such as Instagram, Path, and my Nike Fuelband. Pulling stats and elements from all three.

The Nike Fuelband stats page has a nice shelf displaying your trophies, but they are images. So I decided to recreate these shelves in CSS.

Included is a jsFiddle that shows what I'm doing.

Play with it

All is a work in progress, working on simplifying the markup (current issues: fixed width, alignment issues, etc...)

But for now enjoy!

keyboard shortcuts: previous shot next shot L or F like Z toggle zoom