简易的摩天轮效果

所属分类:其他-动画效果

 34271  309  查看评论 (8)
分享到微信朋友圈
X
简易的摩天轮效果 ie兼容10

如果加要人物在下面div中增加图片

<div>
    <img src="images/fsw.png">
    <img src="images/boy.png">
    <img src="images/girl.png">
   <img src="images/shamegirl.png">
   /*这里加*/
</div>

CSS中加

img:nth-child(4){
    position: absolute;
    top: 300px;
    left: 0px;
    animation: b 1000s;
    transform-origin:top center;
}

修改top,和left的值即可。


相关插件-动画效果

css3河流时间轴效果

不依赖任何框架,纯css3写成,简单,实用
  动画效果
 35896  338

原生js波浪点击按键(原创)

利用原生js实现波浪点击效果,没有用到任何插件
  动画效果
 31767  359

支持小数,从零开始的翻牌器

jQuery数字滚动,支持小数,从零开始的翻牌器,
  动画效果
 24287  242

打字机效果一段文字实现一个个字出现的效果

10种显示效果可以调节出字速度这样效果又不一样
  动画效果
 38130  438

讨论这个项目(8)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    Vlovely 0
    2020/12/1 15:32:41
    Fairy°演绎 0
    2019/7/2 17:14:52
    这不是W3Cschool里面的css3里面的一个动画吗 回复
    等风也等你 0
    2017/7/3 21:44:12

    谷歌打开没效果,其他没问题

    回复
    gao19890424 0
    2016/8/31 11:08:37
    没有jq币 不能下载
        我只是个小女人...0
        2016/9/29 14:09:53
        是的,没错
        - 莫失莫忘/ ° 0
        2016/10/7 10:10:56
        可以了
    回复
    HEarTachepsR 0
    2016/8/29 10:08:09
      很棒的效果。  回复
    喵酱 0
    2016/8/28 13:08:38
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复