A prototype that demonstrates how to create element depth & movement, in response to the mouse move events.
These instructions will get you a copy of the project up and running on your local machine for development and testing purposes. Clone the repository to your local environment, install any dependencies and install the packages. Run the development command to start a local server, run the test command to run unit tests and the build command to create a new version for release.
NodeJS + NPM
npm install
node server.js
The constructor expects a main container element, as can you see in the html with the class layerlax
, with the nested layer
elements; The attributes data-depth
, data-scale
and data-zoom-out
can be modified to change the visual effects. Feel free to change it and see the effects on-screen.