Adding effects to texts in Owl Carousel using animate css

0

I've been trying to add text animations from the animate.css library to Owl Carousel , to make the Sliders more and more beautiful and elegant, however I can not, just work the first slider as soon as I 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, except that I did not quite understand the code and it does not have the option to use the data-wow-delay , I wanted to know if I have to do this only using the traditional structure, of Wordpress 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>
    
asked by anonymous 14.05.2018 / 01:56

1 answer

0

The solution I used was inserting the animation when class active is present. Ex:

.item.active {  animation: example .... }

But in this case I created the animation in my hand.

    
22.05.2018 / 16:43