<style>
@keyframes righthrough{
0%{
left: 0;
}
100%{
left:64px;
}
}
.passRight{
width: 96px;
height: 32px;
overflow: hidden;
position: relative;
}
.passRight img{
position: absolute;
left: 0;
top: 0;
-webkit-animation-name:righthrough;
-webkit-animation-timing-function:linear;
-webkit-animation-iteration-count:infinite;
-webkit-animation-duration:2s;
}
@keyframes gotop{
from{
bottom: 0px;
}
to{
bottom: 256px;
}
}
.huojian{
width: 64px;
height: 320px;
position: relative;
}
.huojianicon{
position: absolute;
width: 64px;
height: 64px;
bottom: 0;
-webkit-animation-name:gotop;
-webkit-animation-timing-function:linear;
-webkit-animation-iteration-count:infinite;
-webkit-animation-duration:2s;
}
.huojianicon img{
vertical-align: top;
}
</style>
<div class="passRight">
<img src="images/箭头_页面_向右.png" width="32" height="32"/>
</div>
<!---->
<div class="huojian">
<div class="huojianicon">
<img src="images/火箭.png" width="64" height="64" alt="" />
</div>
</div>