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>
 <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'));