title: Apply a class in a Framer Motion tag, animate or initial prop
body: <p>How do I use a Framer Motion tag, and in the <code>animate</code> and <code>initial</code> props, Apply a class.
  Like so.</p>
  <pre><code>&lt;motion.div
    initial={{ className: 'hidden' }}
    animate={{ className: 'visible' }}
  &gt;
    &lt;div&gt;yo&lt;/div&gt;
  &lt;/motion.div&gt;
  </code></pre>
  <p>I <strong>HAVE</strong> to use classes as I am using <a href="https://tailwindcss.com/" rel="nofollow noreferrer">tailwindcss</a>.</p>
  <p>I expect and hope there is a way to do this, 'cus the example I showed above, Just puts this in the rendered HTML tag <code>style=&quot;class-name:{class_name}&quot;</code> which does absolutely nothing.</p>
  <p>Thanks in advance.</p>