缩略图阅读器全屏免费素材下载 js以及CSS3完成缩略图全屏开展殊效源码

资源魔 109 0

这是一款基于js以及CSS3的缩略图全屏开展殊效。正在该殊效中,缩略图陈列正在页面的底部,当用户点击缩略图之后,一切缩略图会向上挪动,被点击图片的年夜图会被展现进去。简略适用,欢送下载!

该殊效应用TweenMax.js来制造动画成果。另外,该殊效中应用了CSS变量,以是正在查看demo时,请应用支持CSS变量的阅读器来进行查看。

本代码实用阅读器:搜狗、360、FireFox(倡议)、Chrome、Safari、Opera、傲游、世界之窗,没有支持IE8及如下阅读器,首选火狐阅读器。是一款没有错的的殊效插件,需求的冤家能够下载!心愿各人喜爱

上面是该殊效的一些屏幕截图成果。
缩略图界面的截图成果以下:

当点击缩略图之后,缩略图向上挪动,正在页面中会全屏展现出被点击的缩略图的年夜图。

该js以及CSS3缩略图全屏开展殊效的github地点为:https://github.com/codrops/FullImageReveal/

标签: js 缩略图 CSS3 商品卡片

抱歉,评论功能暂时关闭!