enhance menu
This commit is contained in:
parent
2ea0617948
commit
5c87f27348
3 changed files with 26 additions and 7 deletions
15
index.html
15
index.html
|
@ -9,6 +9,21 @@
|
|||
/>
|
||||
<title>Moteur de jeu • Projet</title>
|
||||
<style>
|
||||
@keyframes animTitle {
|
||||
0% {
|
||||
color: orange;
|
||||
}
|
||||
20% {
|
||||
color: red;
|
||||
}
|
||||
60% {
|
||||
color: yellow;
|
||||
}
|
||||
100% {
|
||||
color: orange;
|
||||
}
|
||||
}
|
||||
|
||||
body {
|
||||
margin: 0px;
|
||||
background-color: black;
|
||||
|
|
|
@ -91,7 +91,8 @@ export const runGame = (demo) => {
|
|||
border: none; \
|
||||
background: none; \
|
||||
color: white; \
|
||||
font-size: 400%;";
|
||||
font-size: 400%; \
|
||||
cursor: pointer;";
|
||||
document.body.appendChild(restart);
|
||||
|
||||
restart.addEventListener("click", () => {
|
||||
|
|
15
js/main.js
15
js/main.js
|
@ -11,7 +11,10 @@ const main = () => {
|
|||
let titleGame = document.createElement("p");
|
||||
titleGame.textContent = "GeometryDash 3D";
|
||||
titleGame.style =
|
||||
"background: none; \
|
||||
"-webkit-animation-name: animTitle; \
|
||||
-webkit-animation-iteration-count: infinite; \
|
||||
-webkit-animation-duration: 2s; \
|
||||
background: none; \
|
||||
color: white; \
|
||||
font-size: 400%;";
|
||||
document.body.appendChild(titleGame);
|
||||
|
@ -19,13 +22,12 @@ const main = () => {
|
|||
let normalGame = document.createElement("button");
|
||||
normalGame.textContent = "Partie normale";
|
||||
normalGame.style =
|
||||
"position: absolute; \
|
||||
top: 30%; \
|
||||
left: 35%; \
|
||||
"margin-top: 20%; \
|
||||
border: none; \
|
||||
background: none; \
|
||||
color: white; \
|
||||
font-size: 400%;";
|
||||
font-size: 400%; \
|
||||
cursor: pointer;";
|
||||
document.body.appendChild(normalGame);
|
||||
|
||||
let demoGame = document.createElement("button");
|
||||
|
@ -37,7 +39,8 @@ const main = () => {
|
|||
border: none; \
|
||||
background: none; \
|
||||
color: white; \
|
||||
font-size: 400%;";
|
||||
font-size: 400%; \
|
||||
cursor: pointer;";
|
||||
document.body.appendChild(demoGame);
|
||||
|
||||
const removeMenu = () => {
|
||||
|
|
Reference in a new issue