title: Animation on multiple slide owl carousel
body: <p>Is there any feature about animation on multiple slide item? I have tried its fine on single slide but not working on multiple item slide. </p>
  
  <p>You can use <a href="https://jsfiddle.net/f35ar43x/1/" rel="noreferrer">JSFiddle</a> or below code to debug.</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>$('.loop-test').owlCarousel({
    center: true,
    items: 2,
    loop: true,
    margin: 10,
    animateOut: 'slideOutDown',
    animateIn: 'flipInX',
    dots: true
  });</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;link href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.2.0/assets/owl.theme.green.css" rel="stylesheet" /&gt;
  &lt;link href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.2.0/assets/owl.theme.default.css" rel="stylesheet" /&gt;
  &lt;link href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.css" rel="stylesheet" /&gt;
  &lt;link href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.2.0/assets/owl.carousel.css" rel="stylesheet" /&gt;
  
  &lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"&gt;&lt;/script&gt;
  &lt;script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.2.0/owl.carousel.min.js"&gt;&lt;/script&gt;
  
  
  &lt;div class="owl-carousel loop-test"&gt;
    &lt;div&gt; Your Content &lt;/div&gt;
    &lt;div&gt; Your Content &lt;/div&gt;
    &lt;div&gt; Your Content &lt;/div&gt;
    &lt;div&gt; Your Content &lt;/div&gt;
    &lt;div&gt; Your Content &lt;/div&gt;
    &lt;div&gt; Your Content &lt;/div&gt;
    &lt;div&gt; Your Content &lt;/div&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>Any pointers would be appreciated! </p>
  
  <p>Thanks.</p>