100janovic-mousemover v1.0.2

MouseMover

Small library for mouse move animation. It can be used for creating parallax effects.

Installation

npm install --save 100janovic-mousemover

Import

import { MouseMover } from '100janovic-mousemover';

Usage

// set element
let background = {
    element: document.getElementById("background"), 
    translation: {x: -20, y: -15}, scale:{x: 1.05, y: 1.05}
};
// init
this.mouseMover = new MouseMover([ // array of elements
    background
], {
    moveSpeed: 0.8, // animation speed in seconds
    debug: false, // print console log message for debuging
    debounce: 10 // debounce time fore mouse move event
});

Destroy

Important to destroy after you don't need it anymore, otherwise mouse move events will still be active.

this.mouseMover.destroy();

Based on article from tympanus.net/codrops