Skip to content

heldrida/Layerlax

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

29 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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.

About

Parallax kind of plugin, but using scales instead

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published