Ge1doot.js超酷3D立体照片墙

Ge1doot.js超酷3D立体照片墙

本文的3D照片墙墙使用了ge1doot.js图片插件和HTML5的canvas画布。当鼠标拖拽,会出现相册3D旋转效果,点击图片,会放大靠近。

淘建站为您提供更多_图片代码_图片墙_相册_3d,在此特别感谢您对我们的支持与厚爱!

查看演示

演示不了,点击反馈

加入收藏

下载 174 次

下载资源

70 积分

特别说明:本站资源来自网友发布分享,仅供学习与参考,请勿用于商业用途,若有侵权请联系删除(272966172@qq.com)。
分类:图片代码 > 图片墙 难易程度:中级

HTML

<canvas id="canvas"></canvas>

引入ge1doot.js3D相册插件

<script type="text/javascript" src="js/ge1doot.js"></script>

自定义图片代码,大约在index.html第260行

imgdata:[
    // north
    {img: 'imgs/1.jpg', x: -1000, y: 0, z: 1500, nx: 0, nz: 1},
    {img: 'imgs/2.jpg', x: 0, y: 0, z: 1500, nx: 0, nz: 1},
    {img: 'imgs/3.jpg', x: 1000, y: 0, z: 1500, nx: 0, nz: 1},
]

声明:本资料由淘建站会员提供,如转载注明来源,资料来源淘建站免费素材库:https://www.taojz.cn/texiao/447.html
Ge1doot.js超酷3D立体照片墙 希望对你有帮助,感谢您的支持!
  • 纯css3 3D魔方翻转动画特效

    纯css3 3D魔方翻转动画特效

  • 纯css3 3D图片立方体旋转动画特效

    纯css3 3D图片立方体旋转动画特效

  • 3D魔方--动态

    3D魔方--动态

  • 纯css3 3D方块翻转动画特效

    纯css3 3D方块翻转动画特效

  • 纯css3发光3D立方体翻转动画特效

    纯css3发光3D立方体翻转动画特效

  • html5 canvas酷炫的3D线条动画背景特效

    html5 canvas酷炫的3D线条动画背景特效

  • html5制作三维星际球体

    html5制作三维星际球体

  • 动感的 3D 网格特效

    动感的 3D 网格特效

  • 3D立体旋转美女_纯CSS3实现

    3D立体旋转美女_纯CSS3实现

  • css效果旋转3d图

    css效果旋转3d图

  • css3被风吹动3D书本翻书动画特效

    css3被风吹动3D书本翻书动画特效

  • css3图片3D万花筒形状布局代码

    css3图片3D万花筒形状布局代码

  • 留言(0)
    头像
     阿里云限量代金券,戳我领取
    1 2