Skip to content

the-couch/paralless

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

23 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

paralless

Hyper-minimal parallax implementation for subtle animation. 900b gzipped.

Usage

Specify attibutes and speeds for any elements you want parallaxed. Consider the speed value a fraction of 1 i.e. 0.5 moves at half the speed of scroll, or 0.1 moves at a tenth the speed of normal scroll.

<div data-paralless='0.5'></div>

Create an instance of paralless and call the returned function to bind all elements and begin parallaxing.

import paralless from 'paralless'

const parallax = paralless()

const destroy = parallax()

Call parallaxevery time the DOM changes, like page transitions and other mutations.

Any nodes no longer in the DOM will be removed from the listener cache.

Call destroy to stop all parallaxing.

License

MIT License (c) 2018 Friends of Friends

About

Hyper-minimal parallax implementation for subtle animation.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published