js css3绘制宇宙飞船火箭,点击开始发射按钮火箭升空,点击着陆按钮火箭复位。一款交互式的火箭火箭发射装置功能特效。
使用方法:
1、head引入css文件
<link rel="stylesheet" href="css/style.css">
2、body引入部分
<div class="spaceship">
<div class="spaceshipBody">
<div class="spaceshipTop"></div>
<div class="spaceshipWindows"> <span></span> <span></span> </div>
</div>
<div class="spaceshipBottom"> <span></span> <span></span> <span></span> </div>
<div class="fire"> <span></span> <span></span> <span></span>
<div class="glow"></div>
</div>
</div>
<div class="shadow"></div>
<div class="buttons">
<button class="btnStart"><span>开始</span></button>
<button class="btnLaunch"><span>发射</span></button>
<button disabled="disabled" class="btnLand disable"><span>着陆</span></button>
</div>
<script src="js/script.js"></script>