Adding effects to text in Owl Carousel using Animate css

Question

I’ve been trying to add animations from the library Animate.css at the Owl Carousel, to make the sliders more beautiful and elegant, however I can’t, only work the first slider once you load the page, when I step forward the texts become static.

I found a example on the internet that would be almost what I needed, only that I didn’t quite understand the code and it not the option to use the data-wow-delay, wanted to know if you have how to do this only using the traditional structure, even because I will later pull these Wordpress options through custom fields.

<div class="owl-carousel owl-theme">

    <div class="item">
        <h4 class="wow fadeInDown">Slide 1</h4>
        <p class="wow fadeInUp" data-wow-delay="0.8s">Cras a elementum dolor. Praesent aliquam sapien ac eros semper ullamcorper. Sed imperdiet enim at sodales suscipit. Aenean eget faucibus ipsum.</p>
    </div>

    <div class="item">
        <h4 class="wow fadeInLeft">Slide 2</h4>
        <p class="wow fadeInRight" data-wow-delay="1.5s">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc id dolor pulvinar, mollis orci vitae, molestie elit. Maecenas scelerisque ipsum nibh, id imperdiet nulla lobortis nec.</p>
    </div>

</div>

Answer 1

The solution I used was to insert the Animation when the active class is present.:

.item.active { Animation: example .... }

But in that case I created the animation at hand.