title: Reverse animation on click using Framer Motion
body: <p>How can I trigger the <code>repeatType</code> on Click?</p>
  <pre><code>&lt;motion.div
    animate={{ rotate: 180 }}
    transition={{
      repeat: 1,
      repeatType: &quot;reverse&quot;,
      duration: 2
    }}
  /&gt;
  </code></pre>