fixed scroll and change position of element in index.html
This commit is contained in:
parent
a537ed78e6
commit
c874df0841
2 changed files with 16 additions and 9 deletions
|
|
@ -1,8 +1,13 @@
|
||||||
/* Style global */
|
/* Style global */
|
||||||
|
html {
|
||||||
|
height: 100%;
|
||||||
|
overflow-y: auto;
|
||||||
|
}
|
||||||
|
|
||||||
body {
|
body {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
overflow: hidden;
|
min-height: 100%;
|
||||||
background: radial-gradient(circle at center, #1a5c1a 0%, #0d3d0d 100%);
|
background: radial-gradient(circle at center, #1a5c1a 0%, #0d3d0d 100%);
|
||||||
font-family: Arial, sans-serif;
|
font-family: Arial, sans-serif;
|
||||||
}
|
}
|
||||||
|
|
@ -13,8 +18,8 @@ body::after {
|
||||||
position: fixed;
|
position: fixed;
|
||||||
top: 0;
|
top: 0;
|
||||||
left: 0;
|
left: 0;
|
||||||
width: 100%;
|
width: 100vh;
|
||||||
height: 100%;
|
height: 100vh;
|
||||||
background: radial-gradient(ellipse at center, transparent 0%, rgba(0,0,0,0.15) 100%);
|
background: radial-gradient(ellipse at center, transparent 0%, rgba(0,0,0,0.15) 100%);
|
||||||
pointer-events: none;
|
pointer-events: none;
|
||||||
z-index: -1;
|
z-index: -1;
|
||||||
|
|
|
||||||
14
index.html
14
index.html
|
|
@ -34,9 +34,9 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
#mascotte {
|
#mascotte {
|
||||||
position: fixed;
|
position: relative;
|
||||||
bottom: 0px;
|
bottom: -0px;
|
||||||
right: 160px;
|
right: 0px;
|
||||||
z-index: 999;
|
z-index: 999;
|
||||||
transform: scaleX(-1);
|
transform: scaleX(-1);
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
|
|
@ -49,11 +49,13 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.speech-bubble {
|
.speech-bubble {
|
||||||
position: fixed;
|
position: relative;
|
||||||
bottom: 320px;
|
bottom: 0px;
|
||||||
right: 170px;
|
left: 700px;
|
||||||
z-index: 998;
|
z-index: 998;
|
||||||
display: flex;
|
display: flex;
|
||||||
|
width: 1025px;
|
||||||
|
height: 560px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.speech-bubble.hidden {
|
.speech-bubble.hidden {
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue