nambahin gambar buat gamestyle(incomplete)
This commit is contained in:
parent
445d195adf
commit
4e82f469c6
@ -31,8 +31,19 @@
|
|||||||
justify-content: left;
|
justify-content: left;
|
||||||
padding-bottom: 20px;
|
padding-bottom: 20px;
|
||||||
padding-top: 20px;
|
padding-top: 20px;
|
||||||
|
background-image: url("halamanFull/cherryBlossom.png");
|
||||||
|
background-size: cover;
|
||||||
|
background-position: center;
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
}
|
||||||
|
.HalamanFull::before {
|
||||||
|
content: "";
|
||||||
|
position: absolute;
|
||||||
|
inset: 0;
|
||||||
|
background: rgba(0,0,0,0.4); /* 0.4 = opacity overlay */
|
||||||
}
|
}
|
||||||
.starting {
|
.starting {
|
||||||
|
border: 2px solid pink;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 21px;
|
top: 21px;
|
||||||
left: 51px;
|
left: 51px;
|
||||||
@ -64,6 +75,24 @@
|
|||||||
box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
|
box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
|
||||||
width: 80%;
|
width: 80%;
|
||||||
max-width: 400px;
|
max-width: 400px;
|
||||||
|
background-image: url("gameOver/gameOver.png");
|
||||||
|
background-size: cover;
|
||||||
|
background-position: center;
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
}
|
||||||
|
.popAwal1 {
|
||||||
|
text-align: center;
|
||||||
|
border-radius: 10px;
|
||||||
|
background-color: rgb(50, 50, 50);
|
||||||
|
padding: 30px;
|
||||||
|
box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
|
||||||
|
width: 80%;
|
||||||
|
height: 60%;
|
||||||
|
max-width: 400px;
|
||||||
|
background-image: url("gameOver/gameOver.png");
|
||||||
|
background-size: cover;
|
||||||
|
background-position: center;
|
||||||
|
background-repeat: no-repeat;
|
||||||
}
|
}
|
||||||
.popAwal h1 {
|
.popAwal h1 {
|
||||||
margin-left: 30px;
|
margin-left: 30px;
|
||||||
@ -107,6 +136,10 @@
|
|||||||
#game {
|
#game {
|
||||||
background: rgb(192, 232, 255);
|
background: rgb(192, 232, 255);
|
||||||
border: 1px solid white;
|
border: 1px solid white;
|
||||||
|
background-image: url("mapGame/mapgame\ .png");
|
||||||
|
background-size: 50% 50%;
|
||||||
|
background-position: center;
|
||||||
|
background-repeat: repeat
|
||||||
}
|
}
|
||||||
.modegame {
|
.modegame {
|
||||||
padding: 15px 30px;
|
padding: 15px 30px;
|
||||||
@ -126,6 +159,10 @@
|
|||||||
font-optical-sizing: auto;
|
font-optical-sizing: auto;
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
font-style: normal;
|
font-style: normal;
|
||||||
|
background-image: url("gameOver/gameOver.png");
|
||||||
|
background-size: 100% 100%;
|
||||||
|
background-position: center;
|
||||||
|
background-repeat: no-repeat;
|
||||||
}
|
}
|
||||||
#mode-normal {
|
#mode-normal {
|
||||||
background-color: #73e4c2;
|
background-color: #73e4c2;
|
||||||
|
|||||||
BIN
halamanFull/cherryBlossom.png
Normal file
BIN
halamanFull/cherryBlossom.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 7.2 MiB |
BIN
halamanFull/dayRiver.jpg
Normal file
BIN
halamanFull/dayRiver.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 11 MiB |
BIN
halamanFull/nightRiver.jpg
Normal file
BIN
halamanFull/nightRiver.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 11 MiB |
Loading…
x
Reference in New Issue
Block a user