Live Demo: https://dreamsparkx.github.io/apple-tv-parallax/
npm i @dreamsparkx/parallax
| 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). |
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' }}
/>;
