基于jQuery和GSAP的图片背景视觉差特效插件 |图片效果|下载

这是一款基于jQuery和GSAP的图片背景视觉差特效插件。该插件能够在图片进入视口，或鼠标HOVER图片时，使图片产生视觉差移动或视觉差晃动效果。

可以通过npm来安装该插件。

npm install parallax_background

在页面中引入TweenLite.min.js、CSSPlugin.min.js、jquery和parallax_background.js文件。

使用该图片背景视觉差插件的基本HTML结构如下：

在页面DOM元素加载完毕之后，通过parallaxBackground()方法来初始化该图片背景视觉差插件。

$(document).ready(function() {
    $('.parallax-background').parallaxBackground();
});

在使用插件时，你可以使用data-parallax-background属性来设置参数。但是你同样需要使用$(element).parallaxBackground()方法来调用插件。例如：

该图片背景视觉差插件的可用配置参数有：

参数	类型	默认值	描述
event	string	scroll	触发图片背景视觉差的事件。可选值为：`scroll`和`mouse_move`。
animation_type	string	shift	动画类型。可选值有：`shift`和`rotate`。
zoom	int	20	图片的缩放比例。
rotate_perspective	int	1400	旋转的透视度。
animate_duration	int	1	动画的持续时间。