"typing game"
Bootstrap 3.0.0 Snippet by leptune

Post to Facebook Tweet this

1
2
3
4
5
6
7
8
9
10
11
12
<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<!------ Include the above in your HEAD tag ---------->
<div class="container monster-container">
<div class="row game-top"></div>
<div class="row game-bottom">
<div class="col-md-1 col-md-offset-6 game-me"></div>
</div>
</div>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
@import url(https://cdn.bootcss.com/magic/1.1.0/magic.min.css);
.body-preview {
border: solid 1px pink;
}
body {
background: #ddd;
}
.game-top {
top: 5vh;
height: 90vh;
background: #000;
position: relative;
text-align: center;
overflow: hidden;
color: #ccff00;
}
.game-top .monster-col {
padding: 3px;
}
.game-top .monster-col .monster {
background: #000;
position: relative;
border: solid 1px #fdee00;
padding: 3px;
border-radius: 5px;
}
.game-top .bullet {
color: red;
margin-left: 2%;
position: absolute;
top: 79vh;
z-index: 99999;
}
.game-bottom {
border: solid 1px #f0f590;
position: relative;
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
var global_words = [
"the",
"be",
"and",
"of",
"a",
"in",
"to",
"have",
"to",
"it",
"I",
"that",
"for",
"you",
"he",
"with",
"on",
"do",
"say",
"this",
"they",
"at",
"but",
"we",
"his",
"from",
"that",
"not",
"n't",
"by",
"she",
"or",
"as",
"what",
"go",
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Related: See More

Vue Now UI Kit

Questions / Comments: