Swiper中文论坛

标题: swiper使用多个动画技巧 [打印本页]

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

QQ图片20160524114532.png (89.46 KB, 下载次数: 310)

QQ图片20160524113848.png (67.96 KB, 下载次数: 295)

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

作者: 小白白 时间: 2016-9-27 14:24

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
谢谢分享来学习了！！

作者: szphp 时间: 2017-5-12 14:34
谢谢分享来学习了！！

作者: billt 时间: 2017-7-26 20:18

作者: wangdichcn 时间: 2018-12-19 22:28
怎么让swiper动画，需要点击确认后开始轮播，并且开始动画

作者: 二九结狐六体 时间: 2019-1-3 12:25
我来学习学习

欢迎光临 Swiper中文论坛 (http://bbs.swiper.com.cn/)