没有自动的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;
}

我希望这会有所帮助