ngx-parallax-mousemove
A simple angular module for creating a parallax effect connected to the mousemove event.
The module provides some angular directives wrapper arround parallax-js.
Installation
If you're using npm :
npm i -s ngx-parallax-mousemove
It is also possible to install locally:
npm install --save-dev ngx-parallax-mousemove
Usage
- Add ParallaxMousemoveModule in your app.
There are 2 main directives to use :
- ParallaxWrapper and parallaxLayer.
- The id attribute in parallaxWrapper element is mandatory for parallax component.
- parallaxOptions is a set of parallax properties that can be apply on layers. See parallax-js for more details.
- parallaxLayer: Each layer needs a depth attribute corresponding to data-depth in parallax-js. The movement applied to each layer will be multiplied by its depth attribute.