Function to pause the game with options to resume and reset

This commit is contained in:
Marcel
2017-12-17 13:41:14 +01:00
parent 31a0d63cd0
commit 2d869aee1f
5 changed files with 139 additions and 43 deletions

View File

@@ -35,12 +35,13 @@ body {
transform: translate(-50%, -25%);
}
#game-play {
#game-play, #game-reset {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
padding: 20px 100px;
width: 300px;
height: 75px;
font-size: 30px;
box-shadow: none;
color: #ffff;
@@ -51,6 +52,12 @@ body {
cursor: pointer;
}
#game-reset {
display: none;
background-color: #FF0D72;
transform: translate(-50%, -50%) translateY(85px);
}
#game-play:hover, #game-play:active, #game-play:focus {
outline: none;
box-shadow: 3px 4px 0 3px rgba(0,0,0,0.2);
@@ -77,7 +84,7 @@ body {
}
#score:before {
content: 'Score: ';
content: attr(data-prefix);
}
#controls {