前言

• 不涉及理论知识，请参考 ;
• 不使用第三方库，如 Animate.css, Velocity.js ;
• 贝塞尔曲线（cubic-bezier）， 。

正文

• fade（淡入淡出），大概是最常见的：

  .fade-enter-active,.fade-leave-active {  transition: opacity .3s; }  .fade-enter,.fade-leave-active {  opacity: 0;}

• 翻页：

  .slide-left-enter, .slide-right-leave-to {  opacity: 0;  transform: translate(-30px, 0);}.slide-left-leave-to,.slide-right-enter {  opacity: 0;  transform: translate(-30px, 0);}

  

• :

  源码：

• btn ：

用于面包屑：

• 列表：

  列表方式提供了5种方式

  

  

最后：

• 过渡，可以是景上添花，也可以是 shit 。
• 欢迎评论区补充。