<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script><br><br>
<div id="container">
<span>L</span>
<span>E</span>
<span>T</span>
<span>S</span>
<span>D</span>
<span>A</span>
<span>N</span>
<span>C</span>
<span>E</span>
</div>
#container span{float:left; font-size: 50px;font-style: : Verdana,sans-serif}
$(function(){
var counter=$('#container').find("*").length;
setInterval(function(){
var lastelementcounter=counter;
lastelementcounter--;
$('#container span:nth-child('+lastelementcounter+')').animate({"margin-top":"0px"},500);
$('#container span:nth-child('+counter+')').animate({"margin-top":"-20px"},500);
if(counter>10) counter=1;
else counter++;
},100);
})
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.