This 3D Layout is powered by a smallish javascript file, and run-of-the-mill CSS. It uses the HTML5 Canvas element to draw the background dynamically. Try resizing the window!

You can style elements - and as many elements as you want - with CSS, and javascript takes care of the rest.

You can also use a background image in addition to the canvas background!

With the ExplorerCanvas script, it even works in Internet Explorer.

To Do:

  • Inner "cut-aways" for 3D borders
  • Support for border-radius :)
  • De-couple from jQuery
  • Support for varying depths via z-index