没有自动的CSS宽度过渡

Question

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

Answer 1

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

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

希望对你有帮助