css+js实现拯救地球射击游戏代码
代码语言:html
所属分类:游戏
代码描述:css+js实现拯救地球射击游戏代码
下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开
<!DOCTYPE html>
<html lang="en" >
<head>
<meta charset="UTF-8">
<style>
html {
background: #222;
min-height: 100vh;
display: grid;
place-items: center;
cursor: crosshair;
}
body {
inset: 0;
display: grid;
place-items: center;
overflow: hidden;
}
.star {
width: 2px;
height: 2px;
background: white;
position: absolute;
z-index: -1;
pointer-events: none;
}
.screen_shake {
--shake-amount: 5px;
animation: screen_shake .25s linear forwards;
}
@keyframes screen_shake {
20% { margin-left: var(--shake-amount); }
40% { margin-left: calc(-1*var(--shake-amount)); }
60% { margin-left: var(--shake-amount); }
80% { margin-left: calc(-1*var(--shake-amount)); }
100% { margin-left: var(--shake-amount); }
}
* {
user-select: none;
}
#ship {
width: 15vmax;
a.........完整代码请登录后点击上方下载按钮下载查看
















网友评论0