Browse Source

Examples: Remove unnecessary styles from CSS3DRenderer demos

Mugen87 7 năm trước cách đây
mục cha
commit
d6348731b1

+ 1 - 2
examples/css3d_periodictable.html

@@ -104,8 +104,8 @@
 		<script src="js/controls/TrackballControls.js"></script>
 		<script src="js/controls/TrackballControls.js"></script>
 		<script src="js/renderers/CSS3DRenderer.js"></script>
 		<script src="js/renderers/CSS3DRenderer.js"></script>
 
 
-		<div id="container"></div>
 		<div id="info"><a href="http://threejs.org" target="_blank" rel="noopener">three.js css3d</a> - periodic table. <a href="https://plus.google.com/113862800338869870683/posts/QcFk5HrWran" target="_blank" rel="noopener">info</a>.</div>
 		<div id="info"><a href="http://threejs.org" target="_blank" rel="noopener">three.js css3d</a> - periodic table. <a href="https://plus.google.com/113862800338869870683/posts/QcFk5HrWran" target="_blank" rel="noopener">info</a>.</div>
+		<div id="container"></div>
 		<div id="menu">
 		<div id="menu">
 			<button id="table">TABLE</button>
 			<button id="table">TABLE</button>
 			<button id="sphere">SPHERE</button>
 			<button id="sphere">SPHERE</button>
@@ -361,7 +361,6 @@
 
 
 				renderer = new THREE.CSS3DRenderer();
 				renderer = new THREE.CSS3DRenderer();
 				renderer.setSize( window.innerWidth, window.innerHeight );
 				renderer.setSize( window.innerWidth, window.innerHeight );
-				renderer.domElement.style.position = 'absolute';
 				document.getElementById( 'container' ).appendChild( renderer.domElement );
 				document.getElementById( 'container' ).appendChild( renderer.domElement );
 
 
 				//
 				//

+ 1 - 2
examples/css3d_sprites.html

@@ -39,8 +39,8 @@
 		<script src="js/controls/TrackballControls.js"></script>
 		<script src="js/controls/TrackballControls.js"></script>
 		<script src="js/renderers/CSS3DRenderer.js"></script>
 		<script src="js/renderers/CSS3DRenderer.js"></script>
 
 
-		<div id="container"></div>
 		<div id="info"><a href="http://threejs.org" target="_blank" rel="noopener">three.js css3d</a> - sprites.</div>
 		<div id="info"><a href="http://threejs.org" target="_blank" rel="noopener">three.js css3d</a> - sprites.</div>
+		<div id="container"></div>
 
 
 		<script>
 		<script>
 
 
@@ -150,7 +150,6 @@
 
 
 				renderer = new THREE.CSS3DRenderer();
 				renderer = new THREE.CSS3DRenderer();
 				renderer.setSize( window.innerWidth, window.innerHeight );
 				renderer.setSize( window.innerWidth, window.innerHeight );
-				renderer.domElement.style.position = 'absolute';
 				document.getElementById( 'container' ).appendChild( renderer.domElement );
 				document.getElementById( 'container' ).appendChild( renderer.domElement );
 
 
 				//
 				//

+ 0 - 2
examples/css3d_youtube.html

@@ -68,8 +68,6 @@
 
 
 				renderer = new THREE.CSS3DRenderer();
 				renderer = new THREE.CSS3DRenderer();
 				renderer.setSize( window.innerWidth, window.innerHeight );
 				renderer.setSize( window.innerWidth, window.innerHeight );
-				renderer.domElement.style.position = 'absolute';
-				renderer.domElement.style.top = 0;
 				container.appendChild( renderer.domElement );
 				container.appendChild( renderer.domElement );
 
 
 				var group = new THREE.Group();
 				var group = new THREE.Group();