title: How do I delay animate, not whileOver or WhileTap in framer motion?
body: <p>Im want to delay animation of each button im mapping out when the component mounts, but not when hovering or clicking the buttons. Now I get the delay allways.</p>
  <p>Any ideas?</p>
  <pre><code>&lt;motion.button
                  className={distanse === place ? &quot;aktiv&quot; : null}
                  initial={{
                    opacity: 0,
                    y: -200,
                    rotate: 180,
                  }}
                  animate={{ opacity: 1, y: 0, rotate: 0 }}
                  transition={{
                    type: &quot;spring&quot;,
                    stiffness: 150,
                    delay: Math.random(),
                    duration: 2,
                  }}
                  whileHover={{ scale: 1.3 }}
                  whileTap={{ scale: 0.9, rotate: 45 }}
                  key={i}
                  type=&quot;button&quot;
                  value={place}
                  onClick={handleDistanceChange}
                &gt;
                  {place === &quot;10km&quot; ? &quot;Mål&quot; : place}
                &lt;/motion.button&gt;
  </code></pre>