查看: 2512|回复: 1

如何实现两段动画效果?

[复制链接]

该用户从未签到

1

主题

2

帖子

7

积分

新手上路

Rank: 1

积分
7
发表于 2015-4-29 12:28:40 | 显示全部楼层 |阅读模式
<img src="images/bonus_03.png" class="ani resize" style="width:320px;height:10px;left:0px;top:248px;z-index:3;" swiper-animate-effect="fadeInDown" swiper-animate-duration="1s" swiper-animate-delay="1s"  >

按照这样的结构如何定义两段动画,或者使用swipe如何实现一个img实现两段动画。谢谢了
回复

使用道具 举报

  • TA的每日心情

    2017-12-27 10:36
  • 签到天数: 2 天

    [LV.1]初来乍到

    1万

    主题

    1万

    帖子

    7万

    积分

    管理员

    Rank: 9Rank: 9Rank: 9

    积分
    76113
    发表于 2015-4-29 23:17:10 | 显示全部楼层
    本帖最后由 chen1110103 于 2015-4-29 23:51 编辑

    只需要将两段动画在animate.css中的动画定义拼接起来即可。当然要修改行进轨迹,就是那个百分比啦
    回复 支持 反对

    使用道具 举报

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

    本版积分规则

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

    GMT+8, 2024-2-25 05:51 , Processed in 0.060171 second(s), 27 queries .

    Powered by Discuz! X3.2

    © 2001-2013 Comsenz Inc.

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