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

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

 28829  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切换特效

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

jQuery缩略图左右滑动幻灯片

一款jQuery缩略图左右滑动幻灯片
  幻灯片和轮播图
 35557  430

简单实用的全屏轮播

有多重选项,配置迅速,十分实用
  幻灯片和轮播图
 44395  382

jq图文焦点广告轮播代码

jquery图文焦点广告轮播代码是一款jquery.nivo.slider.js图片插件制作图文焦点广告轮播代码。
  幻灯片和轮播图
 46855  523

仿FLASH轮播图

纯js的运动加定时器做的,掌握后可以自己做出任何运动效果。
  幻灯片和轮播图
 24121  321

讨论这个项目(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
    这个效果不错! 回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复