rc-animations

React animations on scroll

Install

npm install --save rc-animations

Animations

• slideInDown
• slideInLeft
• slideInRight
• slideInUp
• fadeIn
• fadeInDown
• fadeInDownBig
• fadeInLeft
• fadeInLeftBig
• fadeInRight
• fadeInRightBig
• fadeInUp
• fadeInUpBig
• zoomIn
• zoomInDown
• zoomInLeft
• zoomInRigh
• zoomInUp
• bounce
• bounceIn
• flip
• flipInX
• flipInY
• rotateIn
• rotateInDownLeft
• rotateInDownRight
• rotateInUpLeft
• rotateInUpRight
• flash
• pulse
• rubberBand
• shake
• swing
• tada
• wobble
• lightSpeedIn

Usage

import React, { Component } from 'react';

import Animations from 'rc-animations';

class App extends Component {
  render() {
    return (
      <Animation animation='lightSpeedIn'>
        <img src='https://drukka.hu/assets/img/drukka_logo.png' />
      </Animation>
    );
  }
}

License

MIT © norco95