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

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

 4254  37  查看评论 (2)
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
  幻灯片和轮播图
 6915  61

jQuery轮播图加时间轴插件

jQuery轮播图加时间轴插件,简单实用。
  幻灯片和轮播图
 1785  26

jQuery仿百度新闻首页焦点图

jQuery仿百度新闻首页焦点图
  幻灯片和轮播图
 19129  107

jquery 幻灯片以及tabs切换插件

jquery 幻灯片以及tabs切换插件
  幻灯片和轮播图
 7825  68

讨论这个项目(2)回答他人问题或分享插件使用方法奖励jQ币

    裙子小姐 0
    2018/1/11 20:51:20
    哈哈哈。小白看见真的好惊艳啊  回复
    hubins 0
    2017/11/17 16:20:08
    这个效果不错! 回复
取消回复