用 height 是不行的。不过,用 max-height 和 min-height 可以实现同等效果。.box{
max-height: 120px;
min-height: 120px;
overflow: hidden;
transition: max-height ease-out 0.2s;
}
.box:hover{
max-height: 500px;
transition: max-height ease-in 0.2s;
}
如上所示,只要下段的 max-height 是一个实际内容不会达到的高度,那就相当于是 auto 了。
css3实现高度从固定到自动的过渡动画
最新推荐文章于 2024-08-06 11:22:45 发布