ngx-parallax-mousemove
v1.0.1TypeScript
A simple angular lib for creating a parallax effect connected to the mousemove event
0/weekUpdated 3 years agoMIT
Published by stevens.nelson
npm install ngx-parallax-mousemovengx-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.
``html``
- 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.
Licence
MIT http://rem.mit-license.org