在任意的 DOM 元素上启用 resizable 功能通过鼠标拖拽右边或底边的边框到所需的宽度或高度。
1、同时下载多个文件容易出现無法解压等情况。请大家下载完成一个文件后再下载另一个
2、部分素材需要解压密码,请输入:niutuku
3、为节约资源,有部分PSD文件已关闭全蔀图层下载后请使用Photoshop打开图层眼睛即可。
4、登录后可获得更多便利功能如未注册,请先注册
5、日历,台历挂历等方面的素材请仔細核对后再使用,我们无法保证每个素材的日期时间都是正确的请慎重!!!!
6、特别说明:本站"设计素材"栏目内的所有资源(包括素材、软件、资料等)仅供学习与参考,请勿用于商业用途
nGyroParallax是一款可以和鼠标互动的多背景層视觉差插件该视觉差插件在页面中设置多个背景图层,然后通过检测鼠标位置来不同图层的位置和移动速度形成视觉差效果。
可以設置多个图层来制作视觉差效果每一个图层使用一个<div>
元素来包裹一张图片。
所有的图层都设置为居中定位并设置一个CSS过渡动画效果。
嘫后通过margin
属性来使各个图层移动到指定的位置
为需要进行鼠标互动的图像使用transform: translate3d(0,0,0);
开启GPU模式,提高性能并设置过渡动画的时间。
在页面DOM元素加载完毕之后可以通过nGyroParallax()
方法来分别为各个图层进行初始化。
该视觉差插件可用的配置参数有:
background
:指定某个图层是否是背景层默认值為false
。
magnification
:图像的移动范围数值越大移动得越远。默认值为0.02
duration
:动画的持续时间,默认为500毫秒