title: How to create transition/animation on bootstrap-vue modal[b-modal]
body: <p>I'm new to bootstrap-vue and vue.
  I'm trying to create a b-modal with some animation effect using <a href="https://daneden.github.io/animate.css/" rel="nofollow noreferrer">Animate.css</a>. I'm referring this <a href="https://v2.vuejs.org/v2/guide/transitions.html#Custom-Transition-Classes" rel="nofollow noreferrer">Custom-Transition-Classes</a>.</p>
  <p>and my code is like this :</p>
  <pre><code>   &lt;transition name=&quot;modal1&quot; enter-active-class=&quot;animated slideInLeft&quot; leave- 
     active-class=&quot;animated slideOutLeft&quot;&gt;
     &lt;b-modal ref=&quot;saveModal&quot; transition id=&quot;modal1&quot; title=&quot;Save&quot; 
     @ok=&quot;handleOk&quot; @cancel=&quot;handleCancel&quot;&gt;
     &lt;p class=&quot;my-4&quot;&gt;Are you sure, you want to save?.&lt;/p&gt;
     &lt;/b-modal&gt;
     &lt;/transition&gt;
  </code></pre>