nikita/battle-city-js
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Center game and black background

Browse Source
This commit is contained in:
Nikita Iryupin 2021-06-05 10:23:23 +02:00
parent 5526696c96
commit 30164c64df
1 changed files with 16 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

27
public/styles/main.css
View File

@ -4,11 +4,16 @@
}
body {
font-family: VT323, 'Common Pixel', sans-serif;
font-family : VT323, 'Common Pixel', sans-serif;
background-color: black;
margin : auto;
width : 50%;
padding : 10px;
}
#canvas {
border: 1px solid #f8aa28;
border : 1px solid #f8aa28;
border-radius: 1%;
}
@ -16,7 +21,7 @@ body {
width : 416px;
height: 416px;
border: 1px solid #f8aa28;
border : 1px solid #f8aa28;
border-radius: 1%;
position: relative;
@ -29,15 +34,15 @@ body {
top : 0px;
left : 0px;
background-color: black;
border: 1px solid #f8aa28;
border-radius: 1%;
border : 1px solid #f8aa28;
border-radius : 1%;
}
.center {
display: flex;
display : flex;
flex-direction: column;
align-items: center;
justify-items: center;
align-items : center;
justify-items : center;
}
.center:first-child {
@ -64,19 +69,19 @@ div.start-level-button {
stroke-dasharray : 650;
stroke-dashoffset : 650;
-webkit-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
transition : all 0.5s ease-in-out;
opacity : 0.3;
}
.playBut {
display : inline-block;
transition: all 0.5s ease;
transition : all 0.5s ease;
-webkit-transition: all 0.5s ease;
}
.playBut .triangle {
-webkit-transition: all 0.7s ease-in-out;
transition: all 0.7s ease-in-out;
transition : all 0.7s ease-in-out;
stroke-dasharray : 240;
stroke-dashoffset : 480;
stroke : #FFF;