re-animate v0.0.3

ReAnimate

ReAnimate = React + Animate

install

npm i --save re-animate

Usage

<Animate to="0" attributeName="opacity">
  <div>
</Animate>

or

const steps = [{
  style: {
    opacity: 0,
  },
  moment: 400,
}, {
  style: {
    opacity: 1,
    transform: 'translate(0, 0)',
  },
  moment: 1000,
}, {
  style: {
    transform: 'translate(100px, 100px)',
  },
  moment: 1200,
}];

<Animate steps={steps}>
  <div>
</Animate>

API

props

License

MIT

Copyright (c) 2015-2016 Recharts Group