rc-tween-one@2.7.3

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

function Demo() {
  return (
    <div>
      <div>
        filter 里的滤镜，&apos;grayScale&apos;, &apos;sepia&apos;, &apos;hueRotate&apos;,
        &apos;invert&apos;, &apos;brightness&apos;, &apos;contrast&apos;, &apos;blur&apos;
      </div>
      <Tween animation={{ blur: '10px', sepia: '100%', duration: 2000 }}
        style={{ filter: 'blur(30px)' }}
      >
        <img
          width="500"
          src="https://t.alipayobjects.com/images/T1CFtgXb0jXXXXXXXX.jpg"
          alt="img"
        />
      </Tween>
    </div>);
}

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