一、安装:每一种动画效果需要单独安装
官网地址 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);