@dreamsparkx/parallax
Advanced tools
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' }}
/>;
FAQs
apple tv parallax
The npm package @dreamsparkx/parallax receives a total of 1 weekly downloads. As such, @dreamsparkx/parallax popularity was classified as not popular.
We found that @dreamsparkx/parallax demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
OpenSSF has published OSPS Baseline, an initiative designed to establish a minimum set of security-related best practices for open source software projects.
Security News
Michigan TypeScript founder Dimitri Mitropoulos implements WebAssembly runtime in TypeScript types, enabling Doom to run after processing 177 terabytes of type definitions.
Security News
vlt's new "reproduce" tool verifies npm packages against their source code, outperforming traditional provenance adoption in the JavaScript ecosystem.