Swiper.Активировать анимацию на тексте на активном слайде - PullRequest
Новая
       20

Swiper.Активировать анимацию на тексте на активном слайде

0 голосов
/ 03 марта 2019

У меня есть одна проблема.Как активировать анимацию из animate.css на активном слайде swiper?Я имею в виду, анимация не происходит в каждом слайдере.Как анимировать текст для каждого слайда? 

        <div class="swiper-container">
        <div class="swiper-wrapper">

            <div class="swiper-slide" style="background-image: url(image/Da-iPhon-X-is-da-neu-Flaggschif-Smartphon-vo-Appl-257742.jpg); height: 505px;">
                <div class="container">

                        <div class="text-xs-left">
                            <div class="slide-text">
                                <h1 class="animated fadeInDown">iPhone XS </h1>
                                <h2 >Лучший в своём роде.</h2>
                                <p>От 71 990 руб</p>
                                <a href="/iPhone%20XS" class="btn btn-outline-light my-2 my-sm-0"role="button">Купить</a>
                            </div>
                        </div>
                </div>
            </div>
            <div class="swiper-slide" style="background-image: url(image/Da-iPhon-X-is-da-neu-Flaggschif-Smartphon-vo-Appl-257742.jpg); height: 505px;">
                <div class="container">

                        <div class="text-xs-left">
                            <div class="slide-text">
                                <h1 class="animated fadeInUp">iPhone XS </h1>
                                <h2>Лучший в своём роде.</h2>
                                <p>От 71 990 руб</p>
                                <a href="/iPhone%20XS" class="btn btn-outline-light my-2 my-sm-0" role="button">Купить</a>
                            </div>
                        </div>
                </div>
            </div>
        </div>
        <div class="swiper-button-next"></div>
        <div class="swiper-button-prev"></div>
    </div>
...