https://github.com/heldrida/layerlax
Parallax kind of plugin, but using scales instead
https://github.com/heldrida/layerlax
Last synced: 4 months ago
JSON representation
Parallax kind of plugin, but using scales instead
- Host: GitHub
- URL: https://github.com/heldrida/layerlax
- Owner: heldrida
- Created: 2015-01-21T16:10:08.000Z (over 10 years ago)
- Default Branch: master
- Last Pushed: 2016-11-02T13:02:49.000Z (over 8 years ago)
- Last Synced: 2025-02-18T06:09:07.008Z (4 months ago)
- Language: JavaScript
- Size: 1.01 MB
- Stars: 1
- Watchers: 2
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# LAYERLAX
A prototype that demonstrates how to create element depth & movement, in response to the mouse move events.
## Getting Started
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.
### Prerequisities
```
NodeJS + NPM
```
### Installing
```
npm install
```
### Run the dev server
```
node server.js
```
## How to use
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.