title: Framer Motion: Animation Will not Loop
body: <p>I'm trying to loop an animation with the Framer Motion library after a small delay. The animation itself will play when it's mounted, on the webpage refresh, however does not repeat.
  Iv'e looked through the docs and this seems to be similar syntax.</p>
  <pre><code>
  const AnimateTrial = {
    initial: {
      opacity: 0,
      x: -100,
      y: -35,
      scale: 0.9,
    },
    animate: (i) =&gt; {
      const delay = 5 + i * 0.5;
      return {
        opacity: 1,
        x: -10,
        y: -35,
  
        transition: {
          opacity: { delay, duration: 1.5 },
          x: { delay, duration: 1.5},
          repeatType: &quot;Infinity&quot;,
          repeatDelay: 5,
        },
      };
    }
  </code></pre>
  <p>Does anyone have an idea? Everything works minus bottom two lines!</p>