Programmiererforum

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;
}

Ich versuche, ein 3D -Modell auf meine HTML -Seite zu [url=viewtopic.php?t=18708]importieren[/url] (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]



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;
}
[/code]
Graustange, die oben auf dem Modell