CSS3全屏3D画布图片切换特效

所属分类:媒体-幻灯片和轮播图

 28135  359  查看评论 (4)
分享到微信朋友圈
X
CSS3全屏3D画布图片切换特效 ie兼容11

很简单,html代码如下

<div class="slider__images">
  <div class="slider__images-item slider__images-item--active" data-id="1"><img src="img/1.jpg"></div>
  <div class="slider__images-item" data-id="2"><img src="img/2.jpg"></div>
  <div class="slider__images-item" data-id="3"><img src="img/3.jpg"></div>
  <div class="slider__images-item" data-id="4"><img src="img/4.jpg"></div>
  <div class="slider__images-item" data-id="5"><img src="img/5.jpg"></div>
</div>

相应加载css、js文件,图片地址放在对应div中 通过class控制,会出现轮播、3D切换特效

相关插件-幻灯片和轮播图

仿360新闻图文混排焦点图

仿360新闻图文混排焦点图,兼容ie6
  幻灯片和轮播图
 29103  375

仿百度经验的图文帮助中心轮播

仿百度经验的图文帮助中心轮播,自己设置修改样式就能用
  幻灯片和轮播图
 28529  332

超棒的响应式幻灯jQuery插件 - refineslide

今天我们介绍的这个幻灯插件能够帮助我们使用响应式的方式展示图片幻灯,最重要的在于它支持很多超棒的CSS3幻灯过渡效果,能够帮助你创建超酷的幻灯效果。
  幻灯片和轮播图
 22923  355

jQuery轮播图插件slider

强大轮播图3D效果slider,功能强大兼容性好。
  幻灯片和轮播图
 49819  479

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

    LZ7254 0
    2020/12/18 14:05:29
    找了很久支持支持,效果棒 回复
    jl732136811 0
    2020/5/3 15:32:54
    这个效果真设计的不错,比常规幻灯片效果要特别很多。 回复
    裙子小姐 0
    2018/1/11 20:51:20
    哈哈哈。小白看见真的好惊艳啊  回复
    hubins 0
    2017/11/17 16:20:08
    这个效果不错! 回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复