react-parallax-component

React Parallax Component

Easiest way to add scroll parallax effect on the component.

Installation

npm install react-parallax-component

Usage

import ParallaxComponent from 'react-parallax-component';

<ParallaxComponent speed="0.003"
                   width="300"
                   top="40%"
                   left="100">
  <div>
    Children component
  </div>
</ParallaxComponent>

Props

• speed (String) - animation speed, default: -0.03
• width (String) - component width, default: auto
• height (String) - component height, default: auto
• top (String) - component top position, default: 0
• left (String) - component left position, default: 0

Development

$ npm install

Run app

$ npm start

And open in browser: http://localhost:3000

Build

$ npm run build