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