vlambda博客
学习文章列表

HTML5 3D 视差相册画廊

喜欢就 关注我们吧


插件简介

这是一个基于HTML5和CSS3的3D视差相册画廊,画廊中的图片围成一个圆环,拖拽鼠标可以让图片在环形画廊中滚动切换,并且将鼠标滑过图片时,图片也会产生高亮效果,形成一种3D的视差效果。另外,我们可以在次基础上稍微扩展一下,有兴趣的同学可以自己改造一下,就是鼠标点击图片时,可以展开原图,这样我们就可以浏览图片的具体细节了。

插件预览

HTML5 3D 视差相册画廊

插件下载

在线演示链接:
https://www.html5tricks.com/demo/html5-3d-parallax-photos/index.html


插件下载链接:
https://www.html5tricks.com/download/html5-3d-parallax-photos.rar

解压密码:RJ4587

你可以点击底部“阅读原文”前往我们的官方网站html5tricks,在那里你可以在线演示这款HTML5 3D 视差相册画廊,并且下载这个插件的源码,你可以将它分享给你的朋友们,代码仅供参考和学习。





相关动画(点击链接可跳转)






每日分享前端插件干货,欢迎关注!

前端新世界
分享 JS / CSS 技术教程;Vue、React、jQuery等前端开发组件
309篇原创内容
Official Account

点赞和分享就是最大的支持❤️