Ant Motion 动效的使用方法,以及api无法不生效的问题

一、安装：每一种动画效果需要单独安装

官网地址 https://motion.ant.design/

单元素动画
$ npm install rc-tween-one --save

Css样式动画
$ npm install rc-animate --save

进出场动画
$ npm install rc-queue-anim --save

文字动画
$ npm install rc-texty --save

页面滚动动画
$ npm install rc-scroll-anim --save

Banner动画
$ npm install rc-banner-anim --save

官网地址参考 https://motion.ant.design/

二、使用时注意事项

使用时必须引入css文件，否者 tpye 和 mode 等api属性是不会生效的。

错误
//import TweenOne from 'rc-tween-one';
//ReactDOM.render(<TweenOne animation={{ x:100 }} />, mountNode);

   import TweenOne from 'rc-tween-one';
++ import 'rc-tween-one/assets/index.css';
   ReactDOM.render(<TweenOne animation={{ x:100 }} />, mountNode);