@dreamsparkx/parallax NPM

apple-tv-parallax

Live Demo: https://dreamsparkx.github.io/apple-tv-parallax/

Install

npm i @dreamsparkx/parallax

API

Step	Description
layers	The images will be stacked on top of each other and the last element/image will be at the top.
isStatic	When you pass `true`, it disables the parallex effect, and shows the flattened image instead. (optional)
style	Pass on css properties (optional)
className	Pass on className (optional).

Example

import { Parallax } from '@dreamsparkx/parallax';

<Parallex
    layers={['/assets/images/back.png', '/assets/images/front.png']}
    isStatic={false}
    style={{ flex: 0.21, height: 100, textAlign: 'center' }}
/>;

npm.io