Swiper中文论坛

标题: 求助：swiper animate 如何实现动画效果循环？ [打印本页]

作者: 范某某 时间: 2015-10-29 09:56
标题: 求助：swiper animate 如何实现动画效果循环？
如星星闪烁的动画效果，不是loop环路轮播

作者: admin 时间: 2015-10-30 09:51
animation-iteration-count：infinite;

作者: sosondong 时间: 2015-10-30 14:06
css3 animation属性
animation的简写语法

animation: name duration timing-function delay iteration-count direction;

复制代码

动画属性依次是，名称，持续时间，速度曲线，延迟时间，动画播放计数，是否反方向播放动画；
例如，

animation: animationname 5s linear 2s infinite alternate;

复制代码

So，题主只需要增加播放次数的属性，infinite——无限播放

作者: aramys 时间: 2016-5-13 15:29
LZ搞定了么？我现在也卡在这里了。

作者: sure 时间: 2017-6-29 13:28
我是在css属性加个
animation-iteration-count：infinite;

作者: 638340 时间: 2018-3-6 16:23
我这些全部都实现了，现在的问题是到了苹果6上面出现兼容性问题，其他手机都是好的，问题是第一遍是好的，然后再来一遍就会出现动画时间缩短，这期间元素不显示，感觉就像延迟了好长时间元素突然出现一样

作者: Mr.jonsn 时间: 2018-12-10 21:28
animation: bounceIn .5s linear infinite alternate;
在css属性中加入代码 bounceIn为动画属性可加入任何swiper动画
保留运动曲线，覆盖原animate.css中的运动次数

作者: 夜城淸雨 时间: 2019-7-16 18:04
找对应的动画名，加animation-iteration-count。重复次数。你也可以自己写动画，用相同方法替换动画名就行。比如fadeIn，你可以写个动画叫fadeIn000.在这个类里加 conunt 这个属性就行了

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