Turning web-pages 3D

Edan Kwan's 3Dit bookmarklet turns any page into a weird kind of 3D display, by turning CSS levels into a Z-axis. Difficult to explain, easy to see -- click through to try it.

Using CSS 3d to make every website into 3d(kind of). It is a bit buggy but you can bookmark the script to your bookmark bar and have some 3D fun on any websites by one single click!

The get offset function is not accurate, it looks weird then the div is too large but it looks alright on most of the sites.

LAB! - 3D it! (via Waxy)


  1. Firefox has had something very much like this for a little while now – open the Web Dev Inspector (Ctrl+Shift+I, or right-click on a page, “Inspect Element”), then bop the “3D View” button in the bottom-right.

    Although I think original credit for the idea has to go to the people who built the extension that Mozilla decided to include the functionality of.

    And making it work as a bookmarklet must take some ingenuity regardless.

    1. Hm thats pretty cool… never knew that was in there, though I suspect it’s more for determining if divs are nested correctly than tripping out.

      This is all kinds of cool though. What I’ve noticed is that it seems to work best on sites that aren’t very long or wide as the java seems to use some clever sneakytrick with page scrolling to achieve the effect.

      This site looks pretty good – it even 3d’s the java lightbox script: http://shiryudoh.jp/rie_new3.html

  2. Manipulating the self-described “buggy” 3-D imagery with a mouse somewhat interferes with the intended 3-D experience – a true 3-D experience on the web (or anywhere else) might be voice-controled and might allow the viewer to see different sides, bottoms and tops of an object – something the Cubist painters (Braque, Picasso, Leger…) attempted and succeeded in doing in the early 20th Century. But it is nice to see something different attempted

  3. But but — the links run away from your mouse pointer when you move toward them! Seriously try to click on the menu items at top of the window. Seriously if Macs have the ultimate in user interface (“infinitely high menu bar”) because you can quickly hit a menu on the edge of the screen, this is like the inverse. It takes longer to acquire a menu (or is it impossible) the more you search for it.

Comments are closed.