three.js sample

<!DOCTYPE html>
<html>

  <head>
    <script data-require="three.js@0.0.0r67" data-semver="0.0.0r67" src="//cdnjs.cloudflare.com/ajax/libs/three.js/r67/three.min.js"></script>
    <script src="https://rawgithub.com/mrdoob/three.js/master/examples/js/controls/TrackballControls.js"></script>
    <script src="https://rawgithub.com/mrdoob/three.js/master/examples/js/renderers/CSS3DRenderer.js"></script>
    <link rel="stylesheet" href="style.css" />
    <script src="script.js"></script>
  </head>

  <body>
    <div id="container"></div>
    <h2 id="hello">I'm crazy!!!!</h2>
    <script>
            var SCREEN_WIDTH=320
            var SCREEN_HEIGHT=240

            renderer = new THREE.CSS3DRenderer()
            renderer.setSize(SCREEN_WIDTH,SCREEN_HEIGHT)
            document.getElementById("container").appendChild(renderer.domElement)

            var camera=new THREE.PerspectiveCamera(45,SCREEN_WIDTH/SCREEN_HEIGHT,1,10000)
            var hello = new THREE.CSS3DObject(document.getElementById('hello'))

            var scene=new THREE.Scene()
            scene.add(camera)
            scene.add(hello)

            camera.position.z=200
            controls=new THREE.TrackballControls(camera,renderer.domElement)

            function render(){
                requestAnimationFrame(render)
                renderer.render(scene,camera)
                controls.update()
            }

            render()
        </script>
  </body>

</html>

// Code goes here

/* Styles go here */