Spaces:
Running
Running
cutechicken
commited on
Update index.html
Browse files- index.html +37 -14
index.html
CHANGED
@@ -35,7 +35,7 @@
|
|
35 |
}
|
36 |
.button {
|
37 |
position: fixed;
|
38 |
-
top:
|
39 |
left: 50%;
|
40 |
transform: translate(-50%, -50%);
|
41 |
padding: 20px 40px;
|
@@ -46,7 +46,7 @@
|
|
46 |
border-radius: 5px;
|
47 |
cursor: pointer;
|
48 |
display: none;
|
49 |
-
z-index: 999;
|
50 |
}
|
51 |
#countdown {
|
52 |
position: fixed;
|
@@ -88,18 +88,41 @@
|
|
88 |
border-radius: 5px;
|
89 |
cursor: pointer;
|
90 |
}
|
91 |
-
|
92 |
-
|
93 |
-
|
94 |
-
|
95 |
-
|
96 |
-
|
97 |
-
|
98 |
-
|
99 |
-
|
100 |
-
|
101 |
-
|
102 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
103 |
</style>
|
104 |
</head>
|
105 |
<body>
|
|
|
35 |
}
|
36 |
.button {
|
37 |
position: fixed;
|
38 |
+
top: 80%; /* 70%์์ 80%๋ก ๋ณ๊ฒฝํ์ฌ ๋ฒํผ์ ๋ ์๋๋ก */
|
39 |
left: 50%;
|
40 |
transform: translate(-50%, -50%);
|
41 |
padding: 20px 40px;
|
|
|
46 |
border-radius: 5px;
|
47 |
cursor: pointer;
|
48 |
display: none;
|
49 |
+
z-index: 999;
|
50 |
}
|
51 |
#countdown {
|
52 |
position: fixed;
|
|
|
88 |
border-radius: 5px;
|
89 |
cursor: pointer;
|
90 |
}
|
91 |
+
#shop {
|
92 |
+
position: fixed;
|
93 |
+
top: 40%; /* 50%์์ 40%๋ก ๋ณ๊ฒฝํ์ฌ ์์ ์ ๋ ์๋ก */
|
94 |
+
left: 50%;
|
95 |
+
transform: translate(-50%, -50%);
|
96 |
+
background: rgba(0,0,0,0.9);
|
97 |
+
padding: 20px;
|
98 |
+
border-radius: 10px;
|
99 |
+
color: white;
|
100 |
+
z-index: 1000;
|
101 |
+
display: none;
|
102 |
+
}
|
103 |
+
#nextRound {
|
104 |
+
position: fixed;
|
105 |
+
top: 85%; /* ์๋ก์ด ์์น ์ง์ */
|
106 |
+
left: 50%;
|
107 |
+
transform: translate(-50%, -50%);
|
108 |
+
z-index: 999;
|
109 |
+
}
|
110 |
+
|
111 |
+
#restart {
|
112 |
+
position: fixed;
|
113 |
+
top: 85%; /* ์๋ก์ด ์์น ์ง์ */
|
114 |
+
left: 50%;
|
115 |
+
transform: translate(-50%, -50%);
|
116 |
+
z-index: 999;
|
117 |
+
}
|
118 |
+
|
119 |
+
#bossButton {
|
120 |
+
position: fixed;
|
121 |
+
top: 85%; /* ์๋ก์ด ์์น ์ง์ */
|
122 |
+
left: 50%;
|
123 |
+
transform: translate(-50%, -50%);
|
124 |
+
z-index: 999;
|
125 |
+
}
|
126 |
</style>
|
127 |
</head>
|
128 |
<body>
|