3D Astronaut

HTML
<section class="astronaut-wrapper"> <div class="col"> <model-viewer alt="Neil Armstrong's Spacesuit from the Smithsonian Digitization Programs Office and National Air and Space Museum" src="https://modelviewer.dev/shared-assets/models/NeilArmstrong.glb" ar="" ar-modes="webxr scene-viewer quick-look" environment-image="https://modelviewer.dev/shared-assets/environments/moon_1k.hdr" poster="https://modelviewer.dev/shared-assets/models/NeilArmstrong.webp" seamless-poster="" shadow-intensity="1" camera-controls="" enable-pan="" data-js-focus-visible="" ar-status="not-presenting"></model-viewer> </div> </section> <script src="https://raw.githubusercontent.com/jebro/MyFiles/master/script.js"></script> <!-- Loads <model-viewer> for browsers: --> <script type="module" src="https://unpkg.com/@google/model-viewer/dist/model-viewer.min.js"></script>
CSS
* { margin: 0; padding: 0; } body{ } .astronaut-wrapper { background: #000000; display: flex; align-items: center; justify-content: center; height: 100vh; width: 100%; } .col { flex-basis: 50%; display: flex; align-items: center; justify-content: center; } model-viewer { background: none; width: 100vw; height: 100vh; }
JAVASCRIPT
Expand for more options Login