js实现弹幕飞机效果

本文实例为大家分享了js实现弹幕飞机效果的具体代码，供大家参考，具体内容如下

 
 
 
 body{
   width: 70vw;
   height: 90vh;
   border-width: 10px;
   border-style: solid;
   border-color: blue;
   line-height:600px;
   text-align: center;
   position: relative;
   left: 0px;
   top: 0px;
  }
 
  
 @-webkit-keyframes mymove
 {
 from {top:50vh;}
 to {top:100px;}
 }
 
 #obj{
 -webkit-animation-name:mymove;
 -webkit-animation-duration:1s;
 -webkit-animation-timing-function:linear;
   position: absolute;
   left: 30vw;
   top: 50vh;
 width: 0px;
   height: 0px;
   border-left: 30px solid transparent; 
 border-right: 30px solid transparent; 
 border-bottom: 10px solid red; 
 }
 div{
   text-align: center;
   line-height:30px;
  }
 



 
飞机
 
开始 | 
暂停
 

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持考高分网。