3D Sculptures in Firefox

Introducing a new use for Firefox 3D view: Creating sculptures using DOM elements! For my first project using 3D view, I figured I'd take a skyscraper in Hashrocket Chicago's neighborhood and attempt to recreate it using DOM elements and absolute positioning. The resulting building ended up being inspired by the design of the John Hancock Center, but is not a scale replica by any means.

To view, make sure you're in Firefox and you have version 11 or later. Open the inspector (Cmd-Opt-i for Mac users), then enable 3D view by pressing the button in the bottom right or pressing Ctrl-w. Zoom in/out with the scroll wheel, and click-drag to rotate. You can also use keyboard shortcuts, but you need a number pad to use the +/- zooming. You can also check out the source code on GitHub.