<>
html { height: 100%; }
body { margin: 0; height: 100%; overflow: hidden;}
model-viewer { --poster-color: transparent; width: 100%; height: 100%; }
model-viewer::part(default-progress-bar) { background-color: #878787; }
.browsehappy { display: none; width: 100%; height: 100%; background-color: white; padding: 20px; position: absolute; top: -20px; z-index: 1; }
.is_ie .browsehappy { display: block; }
.is_ie .fullscreen { display: none; }
.model-viewer-container { width:100%; height: 100%; margin:0 auto; background-color: black; }
.fullscreen {
display: none;
position: absolute;
width: 25px;
height: 25px;
top: 10px;
right: 10px;
background: url("/assets/public/
[email protected]") 1px -25px;
background-size: 25px;
z-index: 1;
cursor: pointer;
pointer-events: auto;
}
.fullscreen.tr {
top: 10px;
right: 10px;
bottom: auto;
left: auto;
}
.fullscreen.br {
top: auto;
right: 10px;
bottom: 10px;
left: auto;
}
.fullscreen.bl {
top: auto;
right: auto;
bottom: 10px;
left: 10px;
}
.fullscreen.tl {
top: 10px;
right: auto;
bottom: auto;
left: 10px;
}
.ios .fullscreen {
display: none;
}
.fullscreen:hover {
background: url("/assets/public/
[email protected]") 1px 0px;
background-size: 25px;
}
.is_fullscreen .fullscreen {
background: url("/assets/public/
[email protected]") 1px -74px;
background-size: 25px;
}
.is_fullscreen .fullscreen:hover {
background: url("/assets/public/
[email protected]") 1px -49px;
background-size: 25px;
}
model-viewer p.-scope { // Help message doesn't auto hide on Edge
display: none;
}
You are using an outdated browser. Please upgrade your browser to improve your experience.