Plane Battle
#background {
background-color: #f7f7f7;
border: 1px solid black;
height: 900px;
width: 900px;
top: 0px;
left: 0px;
position: absolute;
}
#illustration {
position: absolute;
left: 920px;
}
.element {
background: url(http://bpic.588ku.com/element_origin_min_pic/17/02/27/0a41cffd5fb3e8ce6461357c3c9423c1.jpg) no-repeat;
height: 480px;
width: 650px;
position:absolute;
}
.plane-alive {
clip: rect(410px 370px 470px 280px);
}
.plane-die {
background: url(https://bpic.588ku.com/element_pic/00/16/10/1357ff6c4d743c3.jpg!/fw/254/quality/90/unsharp/true/compress/true) no-repeat;
height: 255px;
width: 254px;
position: absolute;
}
.bullet {
clip: rect(380px 330px 400px 320px);
}
.enemy-alive {
clip: rect(260px 370px 350px 280px);
}
.enemy-die {
background: url(https://bpic.588ku.com/element_pic/16/12/06/7f9be0c937678ea3c2ef1c043ce128b7.jpg!/fw/254/quality/90/unsharp/true/compress/true) no-repeat #f7f7f7;
height: 255px;
width: 255px;
position: absolute;
clip: rect(90px 170px 180px 80px);
}
.gameover {
background: url(https://ss0.bdstatic.com/94oJfD_bAAcT8t7mm9GUKT-xh_/timg?image&quality=100&size=b4000_4000&sec=1522428500&di=fb2936a40d6553805633cd64caa8f7ae&src=http://img.yanj.cn/store/goods/2969/2969_a875864c2e5b713f6868a1d3a5ae3961.jpg_mid.jpg) no-repeat center;
background-size: contain;
height: 900px;
width: 900px;
position: absolute;
}
.operateArea {
position: absolute;
top: 900px;
left: 0px;
height: 50px;
width: 880px;
padding: 10px 20px;
}
.button{
width: 210px;
height: 100px;
font-size: 30px;
}
游戏说明：
外星人入侵地球，保卫地球的重担交给你了，骚年！
左右移动战机消灭他们！
注意：地球资源紧缺，所以屏幕上只能有一发子弹！
不要让外星人撞到你！
不要有超过3个外星人进入地球！
Good Luck！
联系作者：1224777638@qq.com
已消灭:
已进入:
