Mozilla Demo Studio

  • Submit a Demo

Root3D

The CSS3D environment

Built using JavaScript, HTML5, CSS3, Drag and Drop, XMLHttpRequest,

  • 212 views
  • 6 comments

More About This Demo From The Author

You can use this tool to draw 3D elements and apply 3D effects in the easiest way, see the results and in the end, copy the elements's styles to use in your pages.
Hold ctrl and drag the map to rotate it.
Drag the map using the right button of your mouse to move it.
Check for more shortcuts in the "Help/About" menu, by clicking in the "gear icon".

The full version of this project(yet under development) is running at
http://felipenmoura.org/projects/root3d
Please, feel free to send feedback, report bugs and say some nice things!

** As you may know, Google Chrome has some issues rendering 3D CSS3 effects, and both Google Chrome and Safari have problems with z-index and 3Ded elements...due to this(what I hope they will fix soon) you may have to drag the map aside to be able to reach the icons in the tool bar...sorry for that!

6 comments so far

Register or log in to add your own.

  1. WallaceErick said,

    Ficou show, cara. Parabéns pelo trampo!
  2. suissa said,

    The new AutoCad!
  3. aJaskulski said,

    Parabéns. Isto pode chegar muito longe, heim???
  4. luisdalmolin said,

    Demais, AutoCad online.
  5. ram.coelho said,

    Wow!
  6. marciofao said,

    Muito tri! os grandes motores de 3D e Ferramentas CAD estão com seus dias contados!

Get the Source Code

Download the Source 256.21 KB · ZIP File

Browse the Source

This demo is released under the Apache license.

More by felipenmoura