vue 鼠标视觉差效果实现parallax-js

今天来点酷一点的，鼠标放图片上实现视觉差效果parallax-js

• 安装依赖

 npm i -s parallax-js

• 页面引入

 import Parallax from 'parallax-js' or
 const Parallax = require('parallax-js')

• html

 <div id="scene">
     <div data-depth="0.2">
         <img src="../img/main.jpg" alt="" />
     </div>
 </div>

• DOM准备就绪并加载，就可以创建一个新的Parallax.js实例了，代码如下：

 var scene = document.getElementById("scene");
 var parallaxInstance = new Parallax(scene);

路漫漫其修远兮，吾将上下而求索，加油！