CSS 没有自动的宽度过渡

Question

我有一个问题，我的 CSS 动画从头到尾直接跳转，这个问题似乎与 中回答的问题有关。我的问题是：如何在不实际使用 auto 关键字的情况下从 x 像素到 "auto" 进行宽度转换？

Answer 1

宽度自动和固定宽度无法设置动画。你可以做的是改变最大宽度。

.element{
   max-width: 0;
   width: 0;
   transition: your transition style
}
.element.active{
   max-width: 9999px;
   width: auto;
}

希望对您有所帮助