Make button center and big
This commit is contained in:
parent
8b754f57b3
commit
8fa097595d
2 changed files with 11 additions and 4 deletions
|
@ -5,17 +5,24 @@ html, body, img, #container {
|
||||||
height: 100%;
|
height: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
div {
|
#container {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
left: 0px;
|
left: 0px;
|
||||||
top: 0px;
|
top: 0px;
|
||||||
z-index: 500;
|
z-index: 500;
|
||||||
|
text-align: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.button {
|
.button {
|
||||||
|
display: inline-block;
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
border-radius: 10px;
|
border-radius: 10px;
|
||||||
margin: auto;
|
|
||||||
|
position: relative;
|
||||||
|
top: 50%;
|
||||||
|
-webkit-transform: translateY(50%);
|
||||||
|
-ms-transform: translateY(50%);
|
||||||
|
transform: translateY(50%);
|
||||||
|
|
||||||
background: rgba(0, 0, 0, .5);
|
background: rgba(0, 0, 0, .5);
|
||||||
color: white;
|
color: white;
|
||||||
|
|
|
@ -17,7 +17,7 @@
|
||||||
<source src="assets/audio/africa.ogg" />
|
<source src="assets/audio/africa.ogg" />
|
||||||
<source src="assets/audio/africa.mp3" />
|
<source src="assets/audio/africa.mp3" />
|
||||||
</audio>-->
|
</audio>-->
|
||||||
<img id="background" src="" />
|
<img id="background" src="assets/images/africa.png" />
|
||||||
|
|
||||||
<div id="container">
|
<div id="container">
|
||||||
<div id="player"></div>
|
<div id="player"></div>
|
||||||
|
@ -75,7 +75,7 @@
|
||||||
});
|
});
|
||||||
engine.rain([ [3, 2, 2] ], 100);
|
engine.rain([ [3, 2, 2] ], 100);
|
||||||
};
|
};
|
||||||
image.src = 'assets/images/africa.png';
|
//image.src = '';
|
||||||
image.crossOrigin = 'anonymous';
|
image.crossOrigin = 'anonymous';
|
||||||
});
|
});
|
||||||
|
|
||||||
|
|
Loading…
Reference in a new issue