3d视觉效果html,jQuery炫酷网页3D背景视觉差特效

这是一款效果非常炫酷的jQuery 3D网页背景视觉差特效插件。该视觉差特效可以制作为全屏背景视觉差效果，也可以在一个容器中制作背景视觉差效果。当用户移动鼠标时，由于背景图片的移动速度不同，形成了3D视觉差效果。

使用方法

使用这个3D背景视觉差特效插件要引入jQuery和jquery.simple3D.js文件。

HTML结构

使用一个

作为容器，里面可以嵌套多个

。每个

都用于放置你需要作为背景视觉差效果的图片。

CSS样式

#simple3D {

position: absolute;

z-index: 1;

width: 100%;

height: 900px;

}

#simple3D div {

min-height: 1100px;

width: 120%;

}

#simple3D div.dot {

background: url(../images/dot2.png);

}

#simple3D div.kinoco {

background: url(../images/kinoco.png);

}

#simple3D div.star {

background: url(../images/star.png);

}

初始化插件

$("#simple3D").simple3D({

moveX:3, // 1 - 5

moveY:3, // 1 - 5

bgImage:true, // use background image mode

targetAll:true,

reverseX: true,

reverseY: true

});

3d视觉效果html,jQuery炫酷网页3D背景视觉差特效相关推荐

jQuery炫酷3d背景视觉差特效
Smart3D是一款效果非常炫酷的jQuery图片背景视觉差特效插件.该插件将图片以层的形式排放,当鼠标滑过图片的时候,每一层的图片的运动速度各不相同,从而形成强烈的视觉差效果. 效果演示:http: ...
好看的html登录遮罩提示加载中,jQuery炫酷页面预加载Loading特效插件
fakeLoader.js是一款轻量级的 jQuery 炫酷页面预加载Loading特效插件.它能帮助我们创建一个全屏遮罩效果的旋转loading效果来模拟页面预加载过程. Bower安装 bower ...
可折叠的html元素,jQuery炫酷HTML DOM元素纸张3D折叠特效
oriDomi是一款非常神奇的jQuery炫酷HTML DOM元素纸张折叠特效.oriDomi能够将HTML DOM元素转换为纸张状态,你可以用鼠标来任意折叠它们.oriDomi可以折叠的不仅是静态图 ...
几个炫酷的3D旋转动态效果（附代码）
之前,我们发布了极客编程挑战赛,竞赛题目是"制作炫酷的3D旋转动态显示效果",想知道更多信息,请前往以下地址进行了解:http://www.gbtags.com/gb/share/ ...
520情人节送女朋友的3D相册礼物~html+css+js实现抖音炫酷樱花3D相册(含音乐)
520情人节送女朋友的3D相册礼物~html+css+js实现抖音炫酷樱花3D相册(含音乐) 一年一度的/520情人节/七夕情人节/生日礼物/告白师妹/程序员表白,是不是要给女朋友或者正在追求的妹子一 ...
❤520情人节送女朋友的生日礼物~html+css+js实现抖音炫酷樱花3D相册(含音乐)
❉ 520情人节送女朋友的3D相册礼物~html+css+js实现抖音炫酷樱花3D相册(含音乐) 一年一度的/520情人节/七夕情人节/生日礼物/告白师妹/程序员表白,是不是要给女朋友或者正在追求的妹 ...
纯CSS3制作炫酷的3D相册
纯CSS3制作炫酷的3D相册整体效果如下所示: 整体代码如下所示: html中的代码 <!DOCTYPE html> <html lang="en"> & ...
Android炫酷的3D球型标签云开源库 3dTagCloudAndroid 的使用
Android炫酷的3D球形标签云开源库 3dTagCloudAndroid 的使用文章目录 Android炫酷的3D球形标签云开源库 3dTagCloudAndroid 的使用学习过程使用体会 ...
【每日一练】36—CSS实现一款炫酷的3D 文本旋转效果
写在前面关于CSS 3D的效果,我之前也分享过一些,在视频号上也有,当然,视频号上没有源码,有兴趣的小伙伴,可以跟着视频自己敲代码,当然,这些代码,我后面也会分享到我们的网站上,大家可以直接到网站上 ...

3d视觉效果html,jQuery炫酷网页3D背景视觉差特效

3d视觉效果html,jQuery炫酷网页3D背景视觉差特效相关推荐

最新文章

热门文章