Onscreen Effects

Onscreen effects is a component wrapper for React. Onscreen Effects

This library is the child of two awesome libraries onScreen and Velocity.

Installation

Using npm:
``bash
$ npm i --save onscreen-effects
`

Usage

Once installed you import each effect wrapper individually. Types of effects:

- FadeIn
- ShrinkIn
- ExpandIn
- SlideDown
- SlideLeft
- SlideRight
- SlideUp

`js
import { FadeIn, SlideDown } from 'onscreen-effects'

class extends Component {
render() {

...

}
}

`

$3

runMoreThanOnce

Allow the component to re-run the animation everytime it enters the viewport. Default: false

duration

The duration of the animation. Default: 400ms

delay`

The delay before the animation occurs. Default: 0ms