Skip to content

Latest commit

 

History

History
22 lines (11 loc) · 968 Bytes

README.md

File metadata and controls

22 lines (11 loc) · 968 Bytes

yarn start 启动项目

应用首次加载时候的动画。

首次加载.gif

切换路由时候的动画

切换.gif

做react路由动画比较复杂,最好了解三个前提知识,

  1. react动画组件,react-transition-group 文档

  2. react路由组件,react-router 文档

  3. css动画语法, CSS动画简介 文档

直接上代码

这里我直接用了官方的demo代码,并且稍微改了一下动画样式。