Ant Motion - Ant Design 的动效规范与组件

使用 Ant Motion 能够快速在 React 框架中使用动画。我们提供了单项，组合动画，以及整套解决方案。

下面简单列举部分动画效果

单元素动画（rc-tween-one）

基本动画

基本动画.gif

数值动画

数值动画.gif

svg线性动画

svg线性动画.gif

路径动画

路径动画.gif

Css样式动画（rc-animate）

进出场动画（rc-queue-anim）

基本进场动画

进场动画.gif

进出场动画

进出场动画.gif

添加删除

添加删除.gif

完整页面

完整页面.gif

文字动画（rc-texty）

文字切换

基本文字动画.gif

自定义文字动画

自定义动画.gif

复杂文字动画

复杂文字动画.gif

页面滚动动画（rc-scroll-anim）

页面滚动动画.gif

Banner 动画（rc-banner-anim）

基本banner

基本banner动画.gif

自定义左右箭头与缩略图

左右箭头.gif

随鼠标摆动

随鼠标摆动.gif