HTML
<section class="skull-wrapper">
<div class="col">
<model-viewer bounds="tight" src="https://raw.githubusercontent.com/jebro/MyFiles/master/Skull%20(Natural).glb" ar ar-modes="scene-viewer webxr quick-look" camera-controls shadow-intensity="0.43" environment-image="neutral" shadow-softness="1" camera-orbit="3.878deg 96.19deg auto" auto-rotate> </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;
}
.skull-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;
background-color:#000;
}
