如何使用animateplus对SVG的不同部分进行动画处理

Question

我正在使用animateplus为SVG（http://animateplus.com/）的某些部分制作动画

我正在尝试在Stripe.com-“始终改进”部分上重新创建动画效果。

我已经做得足够多了，可以对sVG的一部分进行动画处理，但是我无法做出完全相同的效果：https://codepen.io/omnipresent84/pen/zJrLgJ

我正在寻求有关创建相同效果的帮助。

下面是我正在使用的动画代码

  animate({
    elements: document.querySelectorAll("path"),
    transform: index => ["translate(0px)", (index + 1) * 15],
    easing: "in-elastic",
    loop: true,
    delay: index => index * 1000,
    duration: index => (index + 1) * 2000,
    opacity: [1,0]
  });