title: framer-motion, is there a way to start animation after component's render,css..etc.. all completed
body: <p>I getting a problem with framer-motion</p>
  <p>the problem is,</p>
  <ul>
  <li>CSS border-radius working after animated, but I want animation with rounded-border</li>
  <li>some text data is showing up after animated, (I guess.. React is updating the state on 'AnimationEnd' event trigger)</li>
  </ul>
  <p>Is there a way to start animation after all these things are done?</p>