@dreamsparkx/parallax

apple tv parallax

Usage no npm install needed!

<script type="module">
  import dreamsparkxParallax from 'https://cdn.skypack.dev/@dreamsparkx/parallax';
</script>

README

apple-tv-parallax

Dependency Status FOSSA Status semantic-release Apple TV Parallax npm

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

FOSSA Status