rc-tween-one@2.7.3

tween-one anim component for react

import Tween from 'rc-tween-one';
import React from 'react';
import ReactDom from 'react-dom';

function Demo() {
  return (
    <div style={{ position: 'relative', height: 500 }}>
      <Tween
        animation={[
          { x: 200, y: '+=300', blur: '10px', type: 'from', duration: 500 },
          { x: 400, y: 0 },
        ]}
        style={{ opacity: 1, width: 100, transform: 'translateY(100px)' }}
      >
        <div>执行动效</div>
      </Tween></div>);
}

ReactDom.render(<Demo />, document.getElementById('__react-content'));
Fork me on GitHub