rc-queue-anim@1.8.5

Queue animation component for react

/* eslint-disable no-console,react/no-multi-comp */
import QueueAnim from 'rc-queue-anim';
import React from 'react';
import ReactDom from 'react-dom';

ReactDom.render(
  <div style={{ height: 500 }}>
    <QueueAnim ease={[[0.175, 0.885, 0.32, 1.275]]}>
      <div key="1">div 1</div>
      <div key="2">div 1</div>
      <div key="3">div 1</div>
      <div key="4">div 1</div>
      <div key="5">div 1</div>
    </QueueAnim>
    <br />
    <QueueAnim ease={[[0.42, 0, 0.58, 1], [0.42, 0, 0.58, 1]]}>
      <div key="1">div 2</div>
      <div key="2">div 2</div>
      <div key="3">div 2</div>
      <div key="4">div 2</div>
      <div key="5">div 2</div>
    </QueueAnim>
  </div>
  , document.getElementById('__react-content'));
Fork me on GitHub