Skip to content
Snippets Groups Projects
Commit 3b86dcba authored by Camille PILLOT's avatar Camille PILLOT
Browse files

nouvelle size et nouveau bouton

parent 039b71f0
Branches
No related tags found
No related merge requests found
Hide whitespace changes
Inline Side-by-side
Showing
with 44 additions and 8 deletions
model-viewer/index.html
+ 44
− 8
View file @ 3b86dcba
......@@ -5,15 +5,51 @@
type="module"
src="https://ajax.googleapis.com/ajax/libs/model-viewer/3.1.1/model-viewer.min.js"
></script>
<style>
div {
height: 100svh;
width: 100svw;
}
model-viewer {
height: inherit;
width: inherit;
}
.button {
display: flex;
justify-content: center;
align-items: center;
padding: 9px 12px;
gap: 8px;
height: 40px;
width: 172px;
border: none;
background: #ff2849;
border-radius: 20px;
cursor: pointer;
}
.lable {
line-height: 22px;
font-size: 17px;
color: #fff;
font-family: sans-serif;
letter-spacing: 1px;
}
</style>
</head>
<body>
<model-viewer
src="deer/scene.gltf"
ar
shadow-intensity="1"
camera-controls
touch-action="none"
>
</model-viewer>
<div>
<model-viewer
src="deer/scene.gltf"
ar
shadow-intensity="1"
camera-controls
touch-action="none"
>
<div class="button" slot="ar-button">
<span class="lable">Go to AR</span>
</div>
</model-viewer>
</div>
</body>
</html>
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment