没有自动的CSS宽度转换

Question

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

Answer 1

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

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

我希望这会有所帮助