Swiper插件之Animate动画

使用场景：

文字动画

---

注意事项

在使用之前要加载两个js文件

<script src="//js-boooming.oss-accelerate.aliyuncs.com/js/swiper.jquery.min.js"></script>
<script src="//js-boooming.oss-accelerate.aliyuncs.com/js/swiper.animate1.0.3.min.js"></script>

---

使用方法：

提示：使用元素要添加类名   ani ，需要指定以下几个参数：

swiper-animate-effect：切换效果，例如 fadeInUp 
swiper-animate-duration：可选，动画持续时间（单位秒），例如 0.5s
swiper-animate-delay：可选，动画延迟时间（单位秒），例如 0.3s 

<div class="en_name ani"  swiper-animate-effect="fadeInUp" swiper-animate-duration="0.5s" swiper-animate-delay="0.3s">
    THE WAVES RISE
</div>
<div class="name ani"  swiper-animate-effect="fadeInUp" swiper-animate-duration="0.5s"
swiper-animate-delay="0.3s">
    起波涛而扬腾飞
</div>

---