63 lines
1.4 KiB
HTML
63 lines
1.4 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>Title</title>
|
|
<style>
|
|
html {
|
|
height: 100%;
|
|
}
|
|
body {
|
|
margin: 0;
|
|
padding: 0;
|
|
position: relative;
|
|
width: 100%;
|
|
height: 100%;
|
|
overflow: hidden;
|
|
}
|
|
body {
|
|
background: #98d8fe url("./img/back.png");
|
|
background-position: center bottom;
|
|
background-repeat: no-repeat;
|
|
background-size: cover;
|
|
}
|
|
.people {
|
|
position: absolute;
|
|
left: 0;
|
|
bottom: 0;
|
|
width: 100px;
|
|
}
|
|
span {
|
|
|
|
}
|
|
.leftPeople {
|
|
transform: rotateY(180deg) !important;
|
|
}
|
|
.apple {
|
|
width: 40px;
|
|
height: 40px;
|
|
transition: top 0.1s ease;
|
|
}
|
|
.boom {
|
|
width: 60px;
|
|
transition: top 0.1s ease;
|
|
}
|
|
.fraction {
|
|
position: absolute;
|
|
right: 10px;
|
|
top: 10px;
|
|
font-size: 20px;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<!--得分-->
|
|
<div class="fraction">0分</div>
|
|
<!--爆炸音效-->
|
|
<audio class="bombAudio" src="img/bomb.mp3" hidden></audio>
|
|
<audio class="appleAudio" src="img/apple.mp3" hidden></audio>
|
|
<!--人物-->
|
|
<img class="people" src="./img/pepop.png"/>
|
|
</body>
|
|
<script src="./game.js"></script>
|
|
</html> |