React Effects Scroll

React component to animate elements on scroll with animate.css



IMPORTANT: This package created about 2 years ago when i first started learing React.

I want to rewrite all, but not have the time. I have now accepted the last PR for react 15 version, but codestyle still bad.

Demo page:

http://anorudes.github.io/React-Scroll-Effect/

Install

`
npm install react-scroll-effects --save



Include "animate.css" from https://daneden.github.io/animate.css/

Usage:

`
import ScrollEffect from 'react-scroll-effects';


test 1





text
text
text

• 
  test
  


• 
  test
  


• 
  test
  

`
##Properties:
offset - By default, animation is activated when (scrollPositionY + window.height / 2) >= (elementPositionTop). But you can specify offset.

className - Your class for block. You can specify one or multiple classes separated by a space.

duration - Animate duration seconds.

queueClass - Class name for queue. See the demo page (third block).

queueDuration - Queue interval.

callback - Callback function.

Files:

src/** - component

demo/** - demo page. For build: "bower install && npm install"

Build demo page

`
$ npm install
$ gulp
``

Depending

https://daneden.github.io/animate.css/