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

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

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

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

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

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

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

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

在线预览    源码下载

爱编程-编程爱好者经验分享平台
版权所有 爱编程 © Copyright 2012. All Rights Reserved.
闽ICP备12017094号-3