@dreamsparkx/parallax

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' }}
/>;

License