Graue Balken, die jedes Mal, wenn ich meine GLB -Datei lade, erscheint ⇐ HTML

[Anonymous]

Ich versuche, ein 3D -Modell auf meine HTML -Seite zu importieren (ich habe AI für Hilfe verwendet), und wenn ich es tue, sehe ich diese graue Balken jedes Mal, wenn ich aktualisiere, oben auf meinem Modell. Hat jemand einen Hinweis darauf, wie man es loswerden?

Ich habe ein Referenzfoto hinzugefügt.

Code: Select all

3D Avatar










< /code>
CSS: < /p>
@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@900&display=swap');

* {
margin: 0;
padding: 0;
box-sizing: border-box;
}

body {
background-color: #f5f5f5;
font-family: 'Raleway', sans-serif;
height: 100vh;
width: 100vw;
overflow: hidden;
display: flex;
justify-content: flex-end;
align-items: center;
}

#model-container {
width: 60vw;
height: 80vh;
padding: 0;
margin: 0;
transform: translateX(20px);
}

#model-container model-viewer {
width: 100%;
height: 100%;
display: block;
margin: 0;
padding: 0;
}

Graustange, die oben auf dem Modell