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>