Root3D

The CSS3D environment

Construit avec JavaScript, HTML5, CSS3, Glisser-déposer, XMLHttpRequest,

  • 212 vues

L'auteur nous en dit plus sur cette démo

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!

À propos de cette démo

Téléchargez le fichier ZIP · 256.21 Ko

Browse the Source

Cette démo est fournie sous la licence Apache.

Plus par felipenmoura