阿里巴巴高效的页面动画解决方案

阿里巴巴高效的页面动画解决方案 150 150 优易特

官网和Github

Github:

https://github.com/ant-design/ant-motion/

官网:

http://motion.ant.design/index-cn

 

官方提供了非常丰富的动效组件

  • 1、单元素动画
  1. 基本动画效果
  2. 时间轴效果
  3. 变更动画参数
  4. 路径缓动
  5. 数值变化
  6. SVG 线性动画
  7. SVG 形变动画
  8. 曲线路径动画
  9. 曲线动画
  • CSS样式动画
  1. 简单的例子
  2. 删除子级
  3. 开始的进场
  • 进出场动画
  • 文字动画
  • 页面滚动动画
  • Banner动画