<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'
  });

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

  1. https://cdnjs.cloudflare.com/ajax/libs/animejs/2.2.0/anime.min.js