css简易收缩展开动画

.fade-in-top {
  // 收缩
  overflow: hidden;
  transition: max-height 0.5s ease-out;
  -webkit-transform: max-height 0.5s ease-out;
  max-height: 0;
}
.slide-out-top {
  // 展开
  max-height: 3000px;  // 尽可能大 不过满足最大高度即可
  transition: max-height 0.5s ease-in;
  -webkit-transform: max-height 0.5s ease-in;
}

标签：动画,max,ease,0.5,transform,height,简易,css,out
来源： https://www.cnblogs.com/DarkCrow/p/16396982.html