css简易收缩展开动画

最新推荐文章于 2025-02-17 08:00:00 发布

这个杀手好冷

最新推荐文章于 2025-02-17 08:00:00 发布

阅读量3.1k

点赞数 4

分类专栏： css 文章标签： css 前端 javascript

本文链接：https://blog.youkuaiyun.com/qq_43649479/article/details/126162870

版权

css 专栏收录该内容

12 篇文章

订阅专栏

.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;
}