<div id="elems">
<div class="box elem1"></div>
<div class="box elem2"></div>
<div class="box elem3"></div>
</div>
.box{
background-color: #ea0f9b;
width: 50px;
height: 50px;
margin-bottom: 20px;
}
var basicTimeline = anime.timeline();
basicTimeline
.add({
targets: '#elems .elem1',
translateX: 250,
offset: 0,
easing: 'easeOutExpo'
})
.add({
targets: '#elems .elem2',
translateX: 250,
offset: 200,
easing: 'easeOutExpo'
})
.add({
targets: '#elems .elem3',
translateX: 250,
offset: 400,
easing: 'easeOutExpo'
});
This Pen doesn't use any external CSS resources.