swiper使用多个动画技巧

小白白 · 发表于 2016-5-24 11:46:20

这两天一直在烦恼如何使swiper使用多个动画,今天终于在官网找到了方法!
其实在官网Swiper Animate的方法上可以在animatecss里模仿他的方法，说白了就是在animate.css里添加适合自己的动画效果，其实在animate.css里基本上都是css3的效果，所以我们完全可以添加属于自己的动画，就是在添加自己动画效果中使用多个不同的动画

568803845 · 发表于 2016-9-13 22:44:45

添加了c3方法以后，怎么在滑动页面时，加载当页的动画，自己写的动画，不是利用animation.css

小白白 · 发表于 2016-9-27 14:24:07

568803845 发表于 2016-9-13 22:44
添加了c3方法以后，怎么在滑动页面时，加载当页的动画，自己写的动画，不是利用animation.css
...

onInit: function(mySwipertwo){
      swiperAnimateCache(mySwipertwo);
      swiperAnimate(mySwipertwo);
   },
   onSlideChangeEnd: function(mySwipertwo){
      swiperAnimate(mySwipertwo);
   }
添加这个方法

Lurenlucky · 发表于 2017-4-11 11:44:35

谢谢分享来学习了！！

szphp · 发表于 2017-5-12 14:34:32

谢谢分享来学习了！！

szphp · 发表于 2017-5-12 14:34:49

谢谢分享来学习了！！

billt · 发表于 2017-7-26 20:18:33

wangdichcn · 发表于 2018-12-19 22:28:04

怎么让swiper动画，需要点击确认后开始轮播，并且开始动画

二九结狐六体 · 发表于 2019-1-3 12:25:09

我来学习学习

swiper使用多个动画技巧

点评