js和CSS3实现缩略图全屏展开特效源码

  • 脚本大小:482KB
  • 脚本语言:简体中文
  • 脚本类型:国产软件
  • 脚本授权:免费软件
  • 脚本类别:CSS特效
  • 应用平台:css/css3
  • 相关链接:
  • 更新时间:2018-06-21
  • 网友评分:
360通过 腾讯通过 金山通过

情介绍

这是一款基于js和CSS3的缩略图全屏展开特效。在该特效中,缩略图排列在页面的底部,当用户点击缩略图之后,所有缩略图会向上移动,被点击图片的大图会被展示出来。简单实用,欢迎下载!

该特效使用TweenMax.js来制作动画效果。另外,该特效中使用了CSS变量,所以在查看demo时,请使用支持CSS变量的浏览器来进行查看。

本代码适用浏览器:搜狗、360、FireFox(建议)、Chrome、Safari、Opera、傲游、世界之窗,不支持IE8及以下浏览器,首选火狐浏览器。是一款不错的的特效插件,需要的朋友可以下载!希望大家喜欢

下面是该特效的一些屏幕截图效果。
缩略图界面的截图效果如下:

当点击缩略图之后,缩略图向上移动,在页面中会全屏展示出被点击的缩略图的大图。

该js和CSS3缩略图全屏展开特效的github地址为:https://github.com/codrops/FullImageReveal/

载地址

下载错误?【投诉报错】

js和CSS3实现缩略图全屏展开特效源码

      气脚本

      关文章

      载声明

      ☉ 解压密码:www.jb51.net 就是本站主域名,希望大家看清楚,[ 分享码的获取方法 ]可以参考这篇文章
      ☉ 推荐使用 [ 迅雷 ] 下载,使用 [ WinRAR v5 ] 以上版本解压本站软件。
      ☉ 如果这个软件总是不能下载的请在评论中留言,我们会尽快修复,谢谢!
      ☉ 下载本站资源,如果服务器暂不能下载请过一段时间重试!或者多试试几个下载地址
      ☉ 如果遇到什么问题,请评论留言,我们定会解决问题,谢谢大家支持!
      ☉ 本站提供的一些商业软件是供学习研究之用,如用于商业用途,请购买正版。
      ☉ 本站提供的js和CSS3实现缩略图全屏展开特效源码资源来源互联网,版权归该下载资源的合法拥有者所有。