Backpax
Simple JavaScript Library to add parallax image to background-image
Install
$ npm install backpax --save
Demo
Demo page is here
Usage
If you want to add parallax effect to element's background-image
<div class="js-parallax parallax"
data-img="./path/to/default-image"
data-img-768="./path/to/image-which-size-is-smaller-than-768"
data-img-1024="./path/to/image-which-size-is-smaller-than-1024"
>
<p>Hello world!</p>
</div>import Backpax from 'backpax';
new Backpax('.js-parallax');