查看: 9296|回复: 8
打印 上一主题 下一主题

求助:swiper animate 如何实现动画效果循环?

[复制链接]

该用户从未签到

1

主题

1

帖子

23

积分

新手上路

Rank: 1

积分
23
跳转到指定楼层
楼主
发表于 2015-10-29 09:56:15 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式
如星星闪烁的动画效果,不是loop环路轮播
分享到:  QQ好友和群QQ好友和群 QQ空间QQ空间 腾讯微博腾讯微博 腾讯朋友腾讯朋友
收藏收藏 分享分享 分享淘帖
回复

使用道具 举报

  • TA的每日心情
    奋斗
    2017-10-14 22:14
  • 签到天数: 15 天

    [LV.4]偶尔看看III

    83

    主题

    391

    帖子

    4万

    积分

    管理员

    Rank: 9Rank: 9Rank: 9

    积分
    45212
    沙发
    发表于 2015-10-30 09:51:20 | 只看该作者
    animation-iteration-count:infinite;
    回复 支持 反对

    使用道具 举报

    该用户从未签到

    1

    主题

    6

    帖子

    48

    积分

    新手上路

    Rank: 1

    积分
    48
    板凳
    发表于 2015-10-30 14:06:56 | 只看该作者
    css3 animation属性
    animation的简写语法
    1. animation: name duration timing-function delay iteration-count direction;
    复制代码
    动画属性依次是 ,名称, 持续时间, 速度曲线, 延迟时间, 动画播放计数, 是否反方向播放动画;
    例如,
    1. animation: animationname 5s linear 2s infinite alternate;
    复制代码
    So,题主只需要增加播放次数的属性 ,infinite——无限播放





    回复 支持 反对

    使用道具 举报

  • TA的每日心情
    无聊
    2016-5-13 15:22
  • 签到天数: 1 天

    [LV.1]初来乍到

    1

    主题

    4

    帖子

    23

    积分

    新手上路

    Rank: 1

    积分
    23
    地板
    发表于 2016-5-13 15:29:07 | 只看该作者
    LZ搞定了么?我现在也卡在这里了。
    回复 支持 反对

    使用道具 举报

  • TA的每日心情
    开心
    2017-6-29 09:19
  • 签到天数: 1 天

    [LV.1]初来乍到

    0

    主题

    3

    帖子

    8

    积分

    新手上路

    Rank: 1

    积分
    8
    5#
    发表于 2017-6-29 13:28:43 | 只看该作者
    我是在css属性加个
    animation-iteration-count:infinite;
    回复 支持 反对

    使用道具 举报

  • TA的每日心情
    郁闷
    2018-3-6 10:23
  • 签到天数: 1 天

    [LV.1]初来乍到

    1

    主题

    5

    帖子

    13

    积分

    新手上路

    Rank: 1

    积分
    13
    6#
    发表于 2018-3-6 16:23:36 | 只看该作者
    我这些全部都实现了,现在的问题是到了苹果6上面出现兼容性问题,其他手机都是好的,问题是第一遍是好的,然后再来一遍就会出现动画时间缩短,这期间元素不显示,感觉就像延迟了好长时间元素突然出现一样
    回复 支持 反对

    使用道具 举报

    该用户从未签到

    0

    主题

    1

    帖子

    3

    积分

    新手上路

    Rank: 1

    积分
    3
    7#
    发表于 2018-12-10 21:28:20 | 只看该作者
    animation: bounceIn .5s linear infinite alternate;
    在css属性 中加入代码   bounceIn为动画属性  可加入任何swiper动画  
    保留运动曲线,覆盖原animate.css中的运动次数
    回复 支持 反对

    使用道具 举报

    该用户从未签到

    0

    主题

    4

    帖子

    19

    积分

    新手上路

    Rank: 1

    积分
    19
    8#
    发表于 2019-7-16 18:04:58 | 只看该作者
    找对应的动画名,加animation-iteration-count。重复次数。你也可以自己写动画,用相同方法替换动画名就行。比如fadeIn,你可以写个动画叫fadeIn000.在这个类里加 conunt 这个属性就行了
    回复 支持 反对

    使用道具 举报

    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则

    Archiver|手机版|小黑屋|Swiper中文网 ( 粤ICP备15001020号

    GMT+8, 2024-11-16 02:08 , Processed in 0.064507 second(s), 29 queries .

    Powered by Discuz! X3.2

    © 2001-2013 Comsenz Inc.

    快速回复 返回顶部 返回列表