带全屏缩放功能的创意3D幻灯片特效

当前位置:主页 > jQuery库 > 幻灯片和轮播图 > 带全屏缩放功能的创意3D幻灯片特效
带全屏缩放功能的创意3D幻灯片特效
分享:

    插件介绍

    这是一款效果非常炫酷的带全屏缩放功能的创意3D幻灯片特效。该幻灯片特效以缩略图显示各个内容滑块,可以通过前后导航按钮来回切换。当点击中间的放大镜按钮时,对应的幻灯片会全屏放大,显示出更多的隐藏内容。

    浏览器兼容性

    浏览器兼容性
    时间:2015-07-07
    阅读:
简要教程

这是一款效果非常炫酷的带全屏缩放功能的创意3D幻灯片特效。该幻灯片特效以缩略图显示各个内容滑块,可以通过前后导航按钮来回切换。当点击中间的放大镜按钮时,对应的幻灯片会全屏放大,显示出更多的隐藏内容。

这个幻灯片特效中使用了CSS3 transitions过渡效果和dymanic.js来移动幻灯片元素。dymanic.js是一个可以创建物理动画的javascript库。

该特效中使用了许多新的CSS3属性,建议使用最新版本的现代浏览器来查看效果。

下面的该特效的一些画面截图:

带缩放功能的3D幻灯片-1

带缩放功能的3D幻灯片-2

具体实现代码请参考下载文件。