react-transition-animation

Install

npm install --save react-transition-animation

Usage

import React, { Component } from 'react';
import styled, { keyframes } from 'styled-components';
import { fadeIn } from 'react-transition-animation';

const animation = keyframes`${fadeIn}`;
const FadeIn = styled.h1`
  animation: 1s ${animation};
`;

class Example extends Component {
  render() {
    return <FadeIn>FadeIn Example 😄</FadeIn>;
  }
}

License

MIT © a-kawasumi