<section>
  <article>
    <div class="green"></div>
    <div class="blue"></div>
    <div class="red"></div>
  </article>
  <footer>
    <span>Made with</span> <a href="http://anime-js.com">anime.js</a>
  </footer>
  <a class="logo" href="http://anime-js.com"><img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/1137/anime-logo.png"></img></a>
</section>
div {
  width: 2.5em;
  height: 2.5em;
  margin-top: auto;
  margin-bottom: auto;
  border-radius: 50%;
}
anime({
  targets: 'div',
  translateX: '13.5rem',
  scale: [.75, .9],
  delay: function(el, index) {
    return index * 80;
  },
  direction: 'alternate',
  loop: true
});

External CSS

  1. https://codepen.io/juliangarnier/pen/34b729901a37198f5d0414728d99afb6

External JavaScript

  1. https://codepen.io/juliangarnier/pen/4032af61ca0478304ab7b31b70a44804