clb92/simple-js-snake
1
0
Fork 0
mirror of https://github.com/clb92/simple-js-snake.git synced 2025-12-06 01:32:03 +01:00
Code Issues Projects Releases Wiki Activity

Initial commit

Browse Source
This commit is contained in:
clb92
2016-07-05 21:02:51 +02:00
commit 55bfd6e774
7 changed files with 492 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

77
css/styles.css Normal file
View File

@@ -0,0 +1,77 @@
* {
margin: 0;
padding: 0;
font-family: sans-serif;
}
html, body {
height: 100%;
background-color: #333;
}
.error {
position: absolute;
float: left;
top: 10%;
width: 100%;
font-size: 20pt;
color: #333;
text-align: center;
z-index: 100;
color: red;
}
#gameCanvas {
position: absolute;
float: left;
width: 100%;
height: 100%;
z-index: 99;
/* filter: blur(40px);
-webkit-filter: blur(40px); */
transition: all .1s ease;
-webkit-transition: all .1s ease;
-moz-transition: all .1s ease;
}
#popup-text {
position: absolute;
float: left;
top: 40%;
width: 100%;
font-size: 42pt;
color: #333;
text-align: center;
z-index: 100;
filter: blur(0px);
-webkit-filter: blur(0px);
transition: all .5s ease;
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
}
#overlay {
position: absolute;
float: left;
height: 100%;
width: 100%;
z-index: 102;
opacity: 1;
background-color: #333;
transition: all 1s ease;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
}
.hidden {
filter: blur(40px) !important;
-webkit-filter: blur(40px) !important;
opacity: 0 !important;
transition: all .5s ease;
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
}
.hidden-overlay {
opacity: 0 !important;
}